中山php|最優(yōu)網(wǎng)絡 ：中山做網(wǎng)站 中山php建站
最優(yōu)良人
Posts Tagged With: jquery
JQ實現(xiàn)元素上下移動
2011/08/25 at 14:33 » Comments (5)
jquery實現(xiàn)元素上下移動代碼 $('.ctl-prev').click(function(){ $('#ctl-ul li:last-child').clone(true).prependTo('#ctl-ul'); //clone(true)參數(shù)true是表示把元素所綁定的事件一起克隆，在副本還能夠監(jiān)聽到事件并且觸發(fā)動作 $('#ctl-ul li:last-child').remove(); ...more »jq實現(xiàn)簡單的li（文字或圖片）垂直滾動
2011/08/25 at 14:24 » Comments (265)
以下代碼jquery實現(xiàn)簡單的滾動，原理是克隆第一個li然后放到末尾，接著讓它往上滑動然后清除掉，反復循環(huán) <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 的彈窗插件。能夠實現(xiàn)網(wǎng)站的整體風格效果，給用戶一個新的視覺享受。主要模擬常用的 alert、confirm、prompt、open 和擴展了一些對話框。它通過回調(diào)函數(shù)觸發(fā)事件動作并執(zhí)行，使操作區(qū)域更加明了、統(tǒng)一。而且能夠在主流瀏覽器中靈活運用。 介紹及下載地址 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文件，但是發(fā)現(xiàn)原來的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三個文件夾上傳到網(wǎng)站相應目錄 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'}"，前面主參數(shù)也可以是xheditor-mini和xheditor-simple，分別加載迷你和簡單工具欄，后面詳細參數(shù)可以省略 方法2：在您的頁面初始JS代碼里加上： $('#elm1').xheditor(); $('#elm1').xheditor()； 例如： $({ $('#elm1').xheditor()； }); 相應的刪除編輯器的代碼為 $('#elm1').xheditor(false)； 重要說明：2種初始化方法只能選擇其中一種，不能混合使用，優(yōu)先級分別是：方法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 形式發(fā)送附加參數(shù)并在成功時顯示信息。 jQuery 代碼： $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); 載入并執(zhí)行一個 JavaScript 文件:加載并執(zhí)行 test.js ...more »