Time of Update: 2015-09-04
JS實現可點擊展開與關閉的左側廣告代碼,js代碼本文執行個體講述了JS實現可點擊展開與關閉的左側廣告代碼。分享給大家供大家參考。具體如下:這裡介紹的是JS實現網頁上可點擊展開、關閉的左側廣告代碼,表現形式類似對聯廣告,不過操作方式不一樣,點擊時候會隱藏在螢幕在左側,但是不是完全隱藏,仍顯示一個圖片豎條的廣告,而且點擊“顯示”的時候,它會重新開啟廣告,這種廣告可以提高網頁的使用者體驗。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-click-sho
Time of Update: 2015-09-04
JavaScript學習小結(一)——JavaScript入門基礎,javascript小結一、JavaScript語言特點1.1、JavaScript是基於對象和事件驅動的(動態) 它可以直接對使用者或客戶輸入做出響應,無須經過Web服務程式。它對使用者的響應,是採用以事件驅動的方式進行的。所謂事件驅動,就是指在首頁中執行了某種操作所產生的動作,就稱為“事件”。比如按下滑鼠,移動視窗,選擇菜單等都可以視為事件。當事件發生後,可能會引起相應的事件響應。1.2、JavaScript是跨平台的
Time of Update: 2015-09-04
javascript學習總結之js提示,js提示1 假如瀏覽器不支援JavaScript怎麼辦?a.為什麼瀏覽器會不支援?大部分瀏覽器都有禁用指令碼的功能,例如chrome。b.在js被禁用的情況下要保證網頁仍能實現它的核心功能(關鍵的使用者需求)例子:在一個新視窗裡開啟連結,可以使用BOM的open()方法 function popUp(winURL) { window.open(winURL, "popup", "width=,height=");
Time of Update: 2015-09-04
自訂刻度jQuery進度條及外掛程式,刻度jquery進度條簡要教程 progressdots是一款可自訂刻度動畫的jQuery進度條外掛程式。通過該jQuery進度條外掛程式你可以自訂進度條刻度圓點的數量,大小,顏色等屬性,並且可以通過CSS來控制圓點的外觀樣式。請看下面瞭解相關外掛程式。使用該jQuery進度條外掛程式需要引入jquery,jquery.progressdots.js和jquery.progressdots.css檔案。<script
Time of Update: 2015-09-04
js滑鼠點擊按鈕切換圖片-圖片自動切換-點擊左右按鈕切換特效代碼,js特效代碼今天來分享一下滑鼠點擊按鈕,圖片進行切換+圖片自動切換+點擊左右按鈕圖片進行切換的三種效果的組合代碼。最後的效果如下: Html代碼部分:<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator"
Time of Update: 2015-09-03
angularjs學習筆記—工具方法,angularjs學習筆記angular.bind(self, fn, args)作用:返回一個新的函數,綁定這個函數的this指向self 參數:self:新函數的內容物件fn:需要綁定的函數args:傳遞給函數的參數傳回值:this指向self的新函數var obj = { name: 'xxx', print: function (country) { console.log(this.name + ' is form ' +
Time of Update: 2015-09-04
使用canvas實現仿新浪微博頭像截取上傳功能,canvas新浪最近看到微博頭像上傳功能高度興趣,於是就使用canvas寫了一個,本文寫的不好還請見諒。本程式目前在Google瀏覽器和Firefox瀏覽器測試可用,ie瀏覽器無法支援。 因為ie的安全機制不允許img使用本地路徑,所以若想ie支援本程式,必須先將圖片上傳,然後給img對象上傳後的圖片地址。我在這裡沒寫,是因為暫時沒寫上傳功能的後端代碼,並且還不確定有沒有更好的解決辦法。如下是新浪的如下是我做的截取部分代碼:var
Time of Update: 2015-09-04
jquery實現滑屏大圖定時收縮為小banner圖片的廣告代碼,本文執行個體講述了jquery實現滑屏大圖定時收縮為小banner圖片的廣告代碼。分享給大家供大家參考。具體如下:這是一款基於jQuery實現的JS廣告特效,滑屏大圖廣告定時收縮為小banner圖片廣告代碼,這種廣告在各大門戶網站現在還能看得到,剛開啟網頁的時候可以看到滑下來的大圖片廣告,過一會,廣告自動縮小變成了一個banner橫幅廣告,並帶有關閉按鈕,可以關閉廣告,對於廣告來說,這個代碼挺實用。運行效果如下:線上示範地址如下:h
Time of Update: 2015-09-04
js實現拉幕效果的廣告代碼,js廣告代碼本文執行個體講述了js實現拉幕效果的廣告代碼。分享給大家供大家參考。具體如下:這是一款拉幕效果的廣告代碼,廣告圖片像窗帘的幕布一樣慢慢的被拉上去了,縮小至一定大小後定格,目前來說,在一些大型的門戶網站中仍然可以見到這種效果。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-lm-style-adv-pic-style-codes/具體代碼如下:<html><head><meta
Time of Update: 2015-09-04
jQuery實現帶延遲效果的滑動菜單代碼,jquery滑動本文執行個體講述了jQuery實現帶延遲效果的滑動菜單代碼。分享給大家供大家參考。具體如下:這是一款基於jQuery的滑動菜單,滑鼠移到某功能表項目上,菜單的背景可以滑動過來,平滑的滑動效果,炫動的導航效果,相比沒有動畫的菜單,這款菜單真的挺不錯哦。先來看看運行效果:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-delay-style-menu-nav-codes/具體代碼如下:<!DOC
Time of Update: 2015-09-03
js實現點擊向下展開的下拉式功能表效果代碼,js下拉式功能表本文執行個體講述了js實現點擊向下展開的下拉式功能表效果代碼。分享給大家供大家參考。具體如下:這裡介紹js實現點擊向下展開的下拉式功能表特效代碼,無調用jQuery,真正的JS下拉式功能表,相容性方面未做測試,覺得有用處的自己測試修正吧,本文僅提供基礎的代碼供參考。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-click-show-down-menu-style-codes/具體代碼如下
Time of Update: 2015-09-03
javascript中for/in迴圈及提示,javascriptforJavaScript 支援不同類型的迴圈:for - 迴圈代碼塊一定的次數for/in - 迴圈遍曆對象的屬性while - 當指定的條件為 true 時迴圈指定的代碼塊do/while - 同樣當指定的條件為 true 時迴圈指定的代碼塊1. in運算子:要求其左邊的運算數是一個字串,或可以被轉換為字串,右邊的運算數是一個對象或數組。如果該運算子左邊的值是右邊對象的一個屬性名稱,則返回true。例如: var
Time of Update: 2015-09-02
jQuery實現簡單的列表式導覽功能表效果代碼,jquery導覽功能表本文執行個體講述了jQuery實現簡單的列表式導覽功能表效果代碼。分享給大家供大家參考。具體如下:這裡使用jQuery實現簡單的列表式導覽功能表,是根據網上的一個教程,邊看邊寫的,經過了修正,拷貝代碼即可使用。主要實現包括三個部分,一是CSS、二是引入jQuery、三是編寫JS代碼進行jQuery控制項。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-simple-lis
Time of Update: 2015-09-02
淺談JavaScript逾時調用和間歇調用,淺談javascript間歇調用在JavaScript中間歇調用很常見,setInterval,就是間隔一定的時間重複調用。setInterval()方法接收兩個參數:第一個參數可以是字串,也可以是函數,第二個參數是一個以毫秒為單位的數字,表示重複間隔的時間長度。參數是字串當第一個傳遞參數是字串時,如下:setInterval("alert('this is a
Time of Update: 2015-09-02
jQuery實現帶有洗牌效果的動畫分頁執行個體,jquery洗牌本文執行個體講述了jQuery實現帶有洗牌效果的動畫分頁。分享給大家供大家參考。具體如下:這款jquery分頁樣本載入的是一個圖片的LI列表,使用jQuery技術將其分為多頁顯示,在分頁的過程中,還加入了動畫效果,使整個分頁效果看上去很有專業味。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-list-page-flash-style-codes/具體代碼如下:<!DOC
Time of Update: 2015-09-02
jquery.mousewheel實現整屏翻屏效果,jquery.mousewheel實現整屏上下翻效果:需載入的js<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript"
Time of Update: 2015-09-02
jquery實現可點擊伸縮與展開的菜單效果代碼,jquery伸縮本文執行個體講述了jquery實現可點擊伸縮與展開的菜單效果代碼。分享給大家供大家參考。具體如下:這是一款jquery實現的點擊伸縮與展開的菜單代碼,操作方式大家都知道吧,點擊一下展開二級菜單的內容,再次點擊則合攏,很經典的摺疊菜單。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-click-show-hidden-menu-style-codes/具體代碼如下:<!DO
Time of Update: 2015-09-01
經常使用的兩個清爽的table樣式,table樣式兩個我經常使用的table樣式: <html> <head> <title></title> <style type="text/css"> body,table{ font-size:12px; } table{ table-layout:fixed; empty-cells:show; border-collapse: collapse; margin:0 auto; }
Time of Update: 2015-09-01
CSS Hack大全-教你如何區分出IE6-IE10、FireFox、Chrome、Opera,ie6-ie10chrome今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及Firefox、Chrome、Opera瀏覽器的Hack,並把這些CSS
Time of Update: 2015-09-01
CSS如何規定滑鼠指標的形狀,css滑鼠指標形狀CSS如何規定滑鼠指標的形狀:滑鼠指標在不同元素黃總的形狀,往往能夠說明此元素的功能,通過cursor屬性可以設定滑鼠指標的形狀。羅列如下:auto:標準游標 default:標準箭頭 hand:手形游標 wait:等待游標 text:I形游標 vertical-text:水平I形游標 no-drop:不可拖動游標 not-allowed:無效游標 help:?協助游標 all-scroll:三角方向標 move:移動標