jQuery實現可拖動的浮動層
以下是使用jQuery實現可拖動的浮動層的完整代碼,復制保存到html文件就可以體驗效果。<!DOCTYPE html PUBLIC "-//W3C//D
jQuery實現可拖動的浮動層(版本2)
以下是使用jQuery實現可拖動的浮動層的完整代碼,復制保存到html文件就可以體驗效果。也可以訪問以下網址體驗效果:http:///keleyi/phtml/dragd
jquery 類選擇器
jquery 類選擇器的格式:$(".classname") 選擇所有 class=classname 的元素例如可以使用$(".menu
jquery 獲取 DIV的width
可以先看看效果:http:///keleyi/phtml/jquery/5.htmjquery 獲取 DIV的width的語句:$("#keleyi_com&q
jquery彈出層菜單
經典的Jquery彈出層菜單,附完整代碼。預覽效果效果網址:http:///keleyi/phtml/divmenu.htmjquery添加移除類的兩個方法:addCla
Jquery DIV切換(版本2)
本實例使用Jquery實現DIV切換,這是第二版本,點擊這裡看效果:http:///keleyi/phtml/divqiehuan2.htm版本一:http:///kel
柯樂義高級彈出菜單(可以有三級菜單)
高級菜單是使用jquery實現的彈出層菜單,可以有三級菜單項。效果網址:http:///keleyi/phtml/supermenu/或者將下面的完整代碼保存到html文
jquery使用ColorBox彈出圖片組浏覽層
本示例使用Jquery的ColorBox插件彈出圖片組浏覽層。效果預覽網址:http:///keleyi/phtml/colorbox/以下是本效果的完整代碼,將以下代碼
jquery實現的可隱藏重現的靠邊懸浮層
本實例使用jquery操作div的CSS,實現了可隱藏重現的靠邊懸浮層,預覽效果網址:http:///keleyi/phtml/xuanfudiv/本實例使用到jquer
jquery添加移除類的兩個方法
一、addClass() 方法向被選元素添加一個或多個類。該方法不會移除已存在的 class 屬性,僅僅添加一個或多個 class 屬性。提示:如需添加多個類,請使用空格
可改變大小DIV層
本文使用Jquery UI實現了可改變大小的層,效果預覽網址:http:///keleyi/phtml/resizable.htm以下是完整代碼,保存到html文件,打開
jquery根據滾動像素顯示隱藏頂部導航條
本文使用jquery的scrollTop方法監視頁面垂直滾動像素,並根據像素隱藏或者顯示頂部的導航條。效果預覽網址:http:///keleyi/phtml/scroll
jquery關燈特效
本示例使用Jquery實現視頻播放頁面的關燈開燈效果。其中視頻顯示使用embed 元素,該元素是html5的元素,所以使用支持html5的浏覽器效果會更好。效果預覽網址:
jquery清空textarea等輸入框
點擊按鈕後,這些文字將被清空。http:www. 點擊“清空”按鈕,就可以將上面textarea裡面的內容清空。完整示例:http:///keleyi/p
使用jQuery UI修飾title屬性的氣泡懸浮框
使用jQuery UI的tooltip()函數,可以使懸浮提示框不再那麼千篇一律。點擊這裡先看看效果吧:http:///keleyi/phtml/tooltip/以下是完
滾動頁面時DIV到達頂部時固定在頂部
本示例使用Javascript實現了滾動頁面時,DIV到達頂部時固定在頂部。在IE下效果有點閃,效果網址:http:///keleyi/phtml/fixdiv.htm下
單行文字間歇向上滾動
使用jQuery實現單行文字間歇向上滾動效果網址:http:///keleyi/phtml/textscroll.htm本效果加強版:http:///a/bjac/532
Jquery選項卡切換效果
文本展示了使用jquery插件實現tab選項卡切換的方法,示例效果網址:http:///keleyi/phtml/tabswitch/index.htm所用插件使用說明:
div(tab)切換
使用jQuery實現多個div切換,點擊tab或者光標滑過查看效果:http:///keleyi/phtml/tabswitch/plus/index.htm附代碼:&l
jquery倒計時
使用javascript和jquery實現了倒計時功能,可以將彈出“時間到了”對話框還成你需要的代碼。查看效果:http:///keleyi/phtml/time/以下是