Time of Update: 2015-09-22
標籤:將圖片發布到網上的辦法很多,可以簡單地把所有圖片都放在一個網頁中,但是會導致這個網頁過於龐大。為每張圖片分別建立一個網頁的解決辦法值得考慮,但是製作過程需要花費非常多的時間和精力。如果想要兩全其美,那我有一種方法,利用JavaScript製作一個圖片庫,把整個圖片庫的瀏覽連結到圖片庫首頁,使用者點擊某個連結時,那張圖片才會且在本頁面顯示。html檔案的編寫<html
Time of Update: 2015-10-16
2015年10月15日學習html基礎筆記,2015年10月15日html一個互連網公司的分工,小公司要求全能,拿一個項目全部做出來。大公司分工明細,主要步奏為策劃人員策劃方案,美工人員設計圖有.psd.rp等,前端人員做靜態頁面,後台人員擷取資料java php
Time of Update: 2015-10-14
解決:子項目設定margin-top,父元素也受影響的問題,margin-top受影響<!doctype html><html><head> <title>子項目設定margin-top,父元素也受影響</title></head><style type="text/css"> * { margin: 0px; padding: 0px; } .father {
Time of Update: 2015-10-15
jquery.validate驗證表單,自己的js提交資料,返回json$.metadata.setType("attr", "vld");$.validator.addMethod("username", function(value) {var p = /^[0-9a-zA-Z\u4e00-\u9fa5\.\-@_]+$/;return p.exec(value) ? true : false;}, "Please
Time of Update: 2015-10-14
jQuery實現仿新浪微博浮動的訊息提示框(可智能定位),jquery新浪本文執行個體講述了jQuery實現仿新浪微博浮動的訊息提示框。分享給大家供大家參考。具體如下:這是一款jQuery實現的仿新浪微博新訊息提示框效果,支援智能浮動定位框,新浪微博用來提示訊息時候的智能定位框,可以適時關閉視窗,你完全可以將其應用到你網頁的其它地方。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-sina-weibo-info-dlg-demo/具體代碼如下:
Time of Update: 2015-10-14
關於事件mouseover ,mouseout ,mouseenter,mouseleave的區別,mouseovermouseout最近在做的線上考試和課程商城都遇到這樣的問題:就是滑鼠滑過的時候出現一個層,當滑鼠滑到當前層的話mouseover和mouseout在低版本的瀏覽器會出現閃動的現象,解決這個現象的辦法有許多,不過我覺得有一種是最簡單的那就是把mouseover和mouseout換成對應的mouseenter和mouseleave。當滑鼠指標位於元素上方時,會發生
Time of Update: 2015-10-14
深入學習JavaScript對象,深入學習javascriptJavaScript中,除了五種原始類型(即數字,字串,布爾值,null,undefined)之外的都是對象了,所以,不把對象學明白怎麼繼續往下學習呢?一.概述對象是一種複合值,它將很多值(原始值或其他對象)彙總在一起,可通過屬性名稱訪問這些值。而屬性名稱可以是包含Null 字元串在內的任一字元串。 JavaScript對象也可以稱作一種資料結構,正如我們經常聽說的“散列(hash)”、“散列表(hashtable)”、“字典
Time of Update: 2015-10-12
EJB整合JSF簡單的小例子程式目錄:運行效果:一、首先匯入jar包,匯入JSF必要 jar包以及hibernate3.6jar包(jsf jar稍後提供下載)二、配置資料來源:在src下建立/MATA-INF/persistence.xml 檔案 java:jboss/datasources/localTrans/FirstTest
Time of Update: 2015-10-12
JS實現樣式清新的橫排下拉式功能表效果,js橫排本文執行個體講述了JS實現樣式清新的橫排下拉式功能表效果。分享給大家供大家參考。具體如下:這是一款灰色調橫排清新的下拉式功能表,完全符合WEB標準,相容性不錯,菜單簡潔好用,適合大部分的網頁風格。如果色調不是你想要的,自己發揮聰明才智,修改一下吧。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-simple-style-hp-menu-demo/具體代碼如下:<!DOCTYPE html
Time of Update: 2015-10-12
JS實現可展開摺疊層的滑鼠拖曳效果,js拖曳本文執行個體講述了JS實現可展開摺疊層的滑鼠拖曳效果。分享給大家供大家參考。具體如下:這是一款簡單JS代碼實現的滑鼠拖曳圖層效果,比較精簡,大家參考一下。滑鼠點擊層標題列可實現層內容的展開與摺疊,按住標題列可實現層的拖動。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-fade-out-mouse-draw-style-demo/具體代碼如下:<!DOCTYPE HTML PUBLIC "-//W3
Time of Update: 2015-10-12
JavaScript子視窗調用父視窗變數和函數的方法,javascript視窗本文執行個體講述了JavaScript子視窗調用父視窗變數和函數的方法。分享給大家供大家參考。具體如下:樣本1:子視窗是新開啟的視窗父視窗:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=
Time of Update: 2015-09-22
旋轉六面體源碼,六面體源碼應網友要求,也方便大家一起學習,在此貼出昨天編寫旋轉六面體源碼<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>hexahedron</title> <meta
Time of Update: 2015-10-12
jQuery往返城市和日期查詢執行個體講解,jquery日期查詢大多旅遊網站上都提供了一個城市和日期輸入查詢的功能。使用者在輸入框中只需輸入城市的拼音或者簡稱就可以即時查詢到相關城市的名稱,選擇日期時則是出現兩個月的日曆控制項,只需點選日期即可,整個操作簡捷明了。本文用到了jquery ui庫的datepicker外掛程式來控制日曆以及輸入城市提示的外掛程式。XHTML<div class="qline"> <label for="arrcity">出發城市:<
Time of Update: 2015-10-12
js中unicode轉碼方法詳解,jsunicode轉詳解有時候遇到unicode不得不轉碼,我們只好人工編碼進行轉碼。昨天在網上看到一個unitcode轉碼的方法,非常好用!小編把它和大家分享一下。JavaScript指令碼UniCode轉碼函數:<script type="text/javascript"> var GB2312UnicodeConverter = { ToUnicode: function (str) { return
Time of Update: 2015-09-22
JS實現仿微博可關閉彈出層效果,js本文執行個體講述了JS實現仿微博可關閉彈出層效果。分享給大家供大家參考。具體如下:這裡推薦給大家一款真心不錯的JavaScript網頁彈出層,仿微博JS彈出層可關閉,點擊按鈕才彈出來,可製作成網頁客服之類的,比如在網頁的右側顯示這麼一個按鈕,當點擊的時候,展開層,顯示客服QQ,效果還是很不錯的!運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-weibo-close-able-alert-codes/具體代碼如
Time of Update: 2015-09-21
【自學CSS碰到的“坑”】inline-block間隙,cssinline-block一開始我想設定一個導覽列,寬度充滿整個螢幕的,每個子導航的寬度相同,均分導覽列的寬度,如下(為了說明均分,我給每個子導航特意加了背景顏色):然後我開始寫HTML代碼,很簡單啦,如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset = "utf-8"> 5
Time of Update: 2015-09-18
css3中的多欄版面配置columns詳解,css3columnscolumns文法:columns:[ column-width ] || [ column-count ]設定或檢索對象的列數和每列的寬度其中:[ column-width ]:設定或檢索對象每列的寬度;[ column-count ]:設定或檢索對象的列數。css代碼:body{font:14px/1.5 georgia,serif,sans-serif;}p{margin:0;padding:5px
Time of Update: 2015-09-19
jquery validate初上手前言:jquery validate初上手,這個標題不知道是否合適,因為之前已經在dwz中用過validate。但是,畢竟是經過zhanghuihua同學封裝過的,對於bootstrap的表單驗證,還需要初上手,當然這一篇是初階的教程,先來看看怎麼用。材料準備現在jquery的外掛程式官網上下載下來的沒有中文的翻譯包,所以我重新根據項目需要做了一個。下載對應的jquery
Time of Update: 2015-09-19
javascript基礎資料型別 (Elementary Data Type)與實值型別參考型別說明一、基礎資料型別 (Elementary Data Type)
Time of Update: 2015-09-21
jquery param()jQuery.param()函數用於將一個JS數組或對象序列化為字串值,將jquery對象按照name/value 或者key/value序列化為URL參數,用&串連。以便用於URL查詢字串或AJAX請求。 文法 $.param(object,trad) 參數說明 object:必需。規定要序列化的數組或對象。trad:可選。布爾值,指定是否使用參數序列化的傳統樣式。 執行個體 var v1 = $.