中山php|最優網絡中山做網站 中山php建站

最優良人

Posts Tagged With: jquery

JQ實現元素上下移動

2011/08/25 at 14:33 » Comments (5)

jquery實現元素上下移動代碼 $('.ctl-prev').click(function(){ $('#ctl-ul li:last-child').clone(true).prependTo('#ctl-ul'); //clone(true)參數true是表示把元素所綁定的事件一起克隆,在副本還能夠監聽到事件并且觸發動作 $('#ctl-ul li:last-child').remove(); ...more »

jq實現簡單的li(文字或圖片)垂直滾動

2011/08/25 at 14:24 » Comments (265)

以下代碼jquery實現簡單的滾動,原理是克隆第一個li然后放到末尾,接著讓它往上滑動然后清除掉,反復循環 <script type="text/javascript"> function slide(ClassName){ var ID = setInterval ("run('"+ClassName+"')",1000); ...more »

asyncbox異步彈出窗口,jq彈出層插件,可異步加載頁面

2011/08/25 at 12:18 » Comments (20)

AsyncBox(異步盒子)是一款基于 jQuery 的彈窗插件。能夠實現網站的整體風格效果,給用戶一個新的視覺享受。主要模擬常用的 alert、confirm、prompt、open 和擴展了一些對話框。它通過回調函數觸發事件動作并執行,使操作區域更加明了、統一。而且能夠在主流瀏覽器中靈活運用。 介紹及下載地址 http://www.nnhuashi.com/asyncbox/index.html 實例: $('#select-furns').click(function() { asyncbox.open({ id: 'select-form', ...more »

解決jquery和prototype沖突,jquery和prototype共存的方法

2011/08/25 at 11:58 » Comments (251)

今天遇到一個項目的修改,由于該項目之前是使用prototype框架,而我拿手的是使用jquery框架,但是又不想全部重寫原來的頁面效果,所以在頁面引入了jquery文件,但是發現原來的js效果消失了,這是因為他們共同使用了$這個對象,造成了重寫覆蓋,解決方法是重定義jquery的這個對象 首先在頁面最開頭引入jquery文件,一定要在prototype文件引入之前,然后緊接著重寫$ <script type="text/javascript" src="data/jquery.min.js"></script> <script type="text/javascript"> var jQuery=$; </script> 然后在后面運用jquery時把原來使用$的地方全部換成jQuery就可以了 more »

使用基于Jquery的可視化編輯器 Xheditor

2011/08/15 at 01:00 » Comments (19)

使用方法 1. 下載xhEditor最新版本。 下載地址:http://code.google.com/p/xheditor/downloads/list 2. 解壓壓縮文件,將其中的xheditor.js以及xheditor_emot、xheditor_plugins和xheditor_skin三個文件夾上傳到網站相應目錄 3. 在相應html文件的</head>之前添加 <script type="text/javascript" src="http://static.xxx.com/js/jquery.js"></script> <script type="text/javascript" src="http://static.xxx.com/js/xheditor.js"></script> 4. 方法1:在textarea上添加屬性: class="xheditor {skin:'default'}",前面主參數也可以是xheditor-mini和xheditor-simple,分別加載迷你和簡單工具欄,后面詳細參數可以省略 方法2:在您的頁面初始JS代碼里加上: $('#elm1').xheditor(); $('#elm1').xheditor(); 例如: $({ $('#elm1').xheditor(); }); 相應的刪除編輯器的代碼為 $('#elm1').xheditor(false); 重要說明:2種初始化方法只能選擇其中一種,不能混合使用,優先級分別是:方法1>方法2,例如用了方法1,方法2就無法使用了 更多幫助信息,請查看在線幫助:http://code.google.com/p/xheditor/wiki/Help 或者參考demos文件夾中的演示頁面 建議使用wizard.html初始化代碼生成向導來生成適合你的代碼。 more »

Jquery常用的ajax操作

2011/08/14 at 02:34 » Comments (417)

Jquery異步加載一個頁面是如此簡單: $.ajax({ url: "/testl/index.html", cache: false, success: function(html){ $("#test").append(html); } }); 或者更簡單的:$("#test").load("/test/index.html"); 以 POST 形式發送附加參數并在成功時顯示信息。 jQuery 代碼: $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); 載入并執行一個 JavaScript 文件:加載并執行 test.js ...more »
美女A片免费网站在线看,欧美精品AⅤ一区二区三区,免费毛片网址,欧美老熟妇乱子论视频,美女禁黄色网站