其他

本文執行個體講述了jQuery實作類別似標籤風格的導覽功能表效果代碼。分享給大家供大家參考。具體如下：這是一款基於jquery實現的類似TAB標籤樣式的網站導覽功能表，引入了jquery，若運行代碼後左上方提示錯誤，重新整理頁面即可正常。你可點擊菜單查看到整體的效果。點擊後對應功能表項目下移，可擴充成二級菜單，也可以改成TAB標籤布局，感興趣的朋友自己研究吧。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-bq-style-nav-me

本文執行個體講述了jquery實現動畫菜單的左右滾動、漸層及圖形背景滾動等效果。分享給大家供大家參考。具體如下：這裡示範基於jquery實現的動畫菜單，內含四種效果的網站菜單，第一種是不帶效果的傳統導覽功能表，第二種是帶有圖形滾動背景的菜單，第三種是由右向左背景滾動的菜單，第四種則是背景色漸層的網站菜單，每一種都很精彩，喜歡Js菜單的可模仿借鑒一下。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-flash-style-cha-menu

本文執行個體講述了jquery外掛程式tytabs.jquery.min.js實現漸層TAB選項卡效果。分享給大家供大家參考。具體如下：這款網頁特效主要是tytabs.jquery.min.js外掛程式的執行個體示範，一個帶有漂亮漸層效果的TAB選項卡，示範了一個網頁上設定兩個選項卡，都是帶有淡入淡出的漸層效果，為了示範效果，裡面我隨便弄了些文字，用時候自己刪除吧。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-tytabs-tab-c

本文執行個體講述了jquery實現在網頁指定地區顯示自訂右鍵菜單效果。分享給大家供大家參考。具體如下：這是一個jquery實現的網頁右鍵菜單效果，與其它自訂的右鍵菜單不同之處在於，本菜單只在指定地區內才有效，若超出指定地區的話，點擊右鍵後顯示的仍是瀏覽器的右鍵菜單。運行效果後，請在橘色地區內點擊滑鼠右鍵，會彈出一個帶表徵圖的自訂右鍵菜單，和瀏覽器的右鍵菜單完全不一樣哦！運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-web-area-r

本文執行個體講述了select選擇框內容左右移動添加刪除。分享給大家供大家參考。具體如下：select選擇框內容左右移動添加刪除代碼基於jquery-1.8.3.min.js實現，簡單實用，選中選項內容，點擊移動按鈕可進行內容左右移動，雙擊option內容也可左右移動，支援單選移動、多選移動和一鍵全部移動！運行效果圖：               

jquery 提交值不為空白的元素 可以用來查詢的時候用 具體代碼： 複製代碼 代碼如下: //在執行查詢的時候，如果表單的欄位為空白 就不進行提交 $("#form1").submit(function(){ try { $(this).find("*").each(function(){ var elem = $(this); if (elem.prop("name") != null&&elem.prop("name") != "") { if(elem.val()==""){ elem.

目前JqueryUI提供的對話方塊支援使用相對比較的方便，範例程式碼如下所示：複製代碼 代碼如下:<body>    <form id="form1" runat="server">    <div id="dlg">        <asp:TextBox ID="TextBox1"

複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> //在這裡要注意js引入的先後順序 <link href="css/jquery.ui.base.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.ui.theme.css"

不用錨點也可以平滑滾動到頁面的指定位置 複製代碼 代碼如下: <!DOCTYPE html> <html > <head> <meta content="text/html; charset=utf-8" /> <title>ScrollTo：平滑滾動到頁面指定位置</title> <link rel="stylesheet" type="text/css" href="../css/main.css" /> &

複製代碼 代碼如下: <!DOCTYPE html > <html> <head> <meta content="text/html; charset=utf-8" /> <title>圖片左右間隔滾動Jquery特效</title> <style type="text/css"> *{ margin:0px; padding:0px; font-size:12px;} a{

本文執行個體講述了jquery實現的仿天貓側導航tab轉場效果。分享給大家供大家參考。具體如下：這裡示範jquery實現仿天貓側導航tab轉場效果，引入外部JS,若初次運行有錯誤請重新整理一頁面即可。本菜單是仿天貓商城的菜單，大塊的div菜單，支援超多的產品分類，大網站風格，大氣實用的多分類網頁菜單。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-ftmail-nav-tab-cha-codes/具體代碼如下：<!DOCTYPE

一款非常乖巧的人物頭像跟隨滑鼠轉動效果，在瀏覽器螢幕內，人物臉龐始終面向滑鼠轉動。其實現原理即同一張圖片上作出人物上下左右不同面向的效果，利用JS調用背景圖片的位置，以此實現人物“轉臉”的jquery特效效果。先給大家展示效果圖，需要的朋友可以下載源碼效果示範     源碼下載具體實現過程不多說了，直接給大家貼代碼了。代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

本文執行個體講述了jQuery實現向下滑出的二級菜單效果。分享給大家供大家參考。具體如下：這裡用jQuery實現向下滑出的二級菜單代碼，滑出菜單，滑鼠放在主菜單的任意一項上，就會向下滑出二級的子功能表。當然本代碼只是一個示範，有些菜單是隨便弄的，經過測試，相容IE8、Firefox和Chrome等瀏覽器，有興趣的你可以自己試下。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-down-show-2menu-style-codes/具體代

今天我們來分享一款基於jQuery的橫向手風琴圖片輪播焦點圖特效源碼。手風琴效果即圖片一張張層疊在一起，滑鼠滑過圖片時即可展開完整的圖片，這樣的效果很常見，所以應用也很廣泛，大家可以試試這款jQuery焦點圖。運行效果圖：---------------------------------效果示範 源碼下載---------------------------------為大家分享的jQuery半透明抽屜式手風琴代碼如下<head><meta

replace(param1,param2,param3)param1 Regex；param2 將匹配的字元替換成指定字元；param3 模式param3 參數如下 模式 i r m s c f replace 支援 支援 只和r 組合 只和r 組合 只和r 組合 支援 模式解釋：i: Case

這是一款基於jquery實現的帶翻頁動畫的電子雜誌，小編有時就在想我們讀的紙質課本可不可以都改成電子書，這要是不是會更節省資源呐？記得以前我們有介紹過不少書本翻頁的動畫，比如這款CSS3書本翻頁動畫，製作就非常逼真。今天要分享的這款jQuery書本翻頁3D動畫功能更加強大，可以支援任意數量頁的翻閱，並且也有非常美觀的視覺效果。書本的內容支援任意HTML元素，相當靈活。運行效果圖          

複製代碼 代碼如下: <head> <title></title> <script src="jquery-1.9.1.js" type="text/javascript"></script> <style type="text/css"> img { width:150px; height:200px; position:relative; } td{width:150px;height:200px;}

以大量刪除資料為例 做大量刪除會需要傳遞要刪除的資料ID數組 複製代碼 代碼如下: function RemoveLog(){ var postModel=[]; //遍曆複選框擷取要刪除的資料ID 存放到數組中  $("[name='lid']").each(function () { if ($(this).attr("checked") == "checked") postModel.push({ name: 'ids', value:$(this).val()}); });

頁面載入完成有兩種事件，一是ready，表示文檔結構已經載入完成（不包含圖片等非文字媒體檔案），二是onload，指示頁 麵包含圖片等檔案在內的所有元素都載入完成。(可以說：ready 在onload 前載入！！！) 一般樣式控制的，比如圖片大小控制放在onload 裡面載入; jS事件觸發的方法，可以在ready 裡面載入; 用jQ的人很多人都是這麼開始寫指令碼的： 通常的寫法 複製代碼 代碼如下: $(function(){ // do something }); 其實這個就是jq

1、如果設定了errorContainer、errorLabelContainer、wrapper，則errorPlacement不起作用複製代碼 代碼如下:...  $(document).ready(function(){    $("#myform").validate({       errorContainer: "#messageBox1,