JQuery Jcrop 實現圖片裁剪的插件
效果如下圖請“運行代碼”先試下運行，運行后請刷新一次，感受下： body{ margin:100px auto; text-align:center; } .jcrop-holder {...
|
|
jquery cookie插件代碼類
提供方便方法操作cookie : 復制代碼 代碼如下:$.cookie('the_cookie'); // 獲得cookie $.cookie('the_cookie', 'the_value'); // 設置cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); //設置帶時間的c...
判斷腳本加載是否完成的方法
我們可以對加載的 JS 對象使用 onload 來判斷（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 瀏覽器都能很好的支持，但 IE6、IE7 卻不支持。曲線救國 ―― IE6、IE7 我們可以使用 js.onreadystatechange...
javascript 歷史記錄 經常用于產品最近歷史瀏覽第1/2頁
本文將用js+cookie來實現這一功能，因為最近都在研究jquery，所以也就順便用上了，如果你不想用jquery，那么你更需要了解實現的過程就可以了，代碼自己去寫。 需要用到一個jquery的cookie插件，用來操作cookie，連接http://www.jb5...
jquery img src 獲取實現代碼
請“運行代碼”后刷新一次。 jquery img src怎么取 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]...
jquery tabs的實現代碼
關鍵代碼： 復制代碼 代碼如下:$(function(){ $(".tabs li").eq(0).css("background","#499AFF"); $(".tabs div").eq(0).show(); $(".tabs>ul>li").click(function(i){ $(this).css("background","#499AFF")...
js 失去焦點時關閉層實現代碼
失去焦點時關閉層練習 #divUserName{ width:200px; height:30px; border:1px solid black; background:#cccccc; font-size:12px; margin-top:10px; } 這是一個層 [Ctrl+A 全選...
jquery 實現斜導航效果
運行后刷新一下，才可以，也可以保存本地直接運行也可。 jquery導航菜單 #menu1 { width:970px;height:45px;} #menu1,#menu1 a , #menu1 a span{ background-image:url(http://img.jb51.net/demo/images/daohao.gif)...
jquery input checked全選與反選1.3.2的版本
“運行代碼”后“刷新一次” 無標題頁 選擇 id 姓名 1 腳本之家 2 腳本之家 3 腳本之家 4 腳本之家 5 腳本之家 6 腳本之家 7 腳本之家 8 腳本之家 9 腳本之家 10 腳本之家...
Js 本頁面傳值實現代碼
環境 : rails 下 例如: 我點擊修改后顯示成這樣: 關鍵實現過程: 1,列表部分,即第一副圖,藍色部分即實現了傳值 復制代碼 代碼如下:<% i=0 %> <% if @group_page %> <% for group in @group_page %> <% i+=1 %> <tr <...
js 使用方法與函數 總結第1/4頁
1 創建腳本塊 1: <script language="JavaScript"> 2: JavaScript code goes here 3: </script> 2 隱藏腳本代碼 1: <script language="JavaScript"> 2: <!-- 3: document.write(“Hello"); 4: // --> 5: </script> 在...
JS 頁面自動加載函數(兼容多瀏覽器)
測試通過: ie6 + opera + FF + chrome
復制代碼 代碼如下:if (document.all) { window.attachEvent('onload', arewrite); window.attachEvent('onload', jsStock); } else { window.addEventListener('load', arew...
Js 控制表單域代碼
1 2 3 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]js驗證為正整數 復制代碼 代碼如下:<script> var re = /^[1-9]d*$/; //智能驗證單個字符 if (!re.test(document.getElementById('group_order').value)){...
innerText和innerHTML 一些問題分析
其中innerText特性用來修改起始標簽和結束標簽之間的文本的。例如，假設有個空的<div/>元素，希望將其變成<div>New text for the div.</div>。用DOM實現時，要這么做： oDiv.appendChild(document.createTextNode("New text...
javascript獲取div的內容 精華篇
原理:采用innerText 或者 innerHTML 復制代碼 代碼如下:<script language=”javascript”> var stock_code = stockcode.innerText; var stock_code = stockcode.innerHTML; </script> <div id="stockcode" style="di...
jquery 圓角遮罩圖片實現圖片圓角
運行后請刷新一次。 圓角遮罩圖片實現圖片圓角 by ahuinan 2009-5-15 li{ list-style:none; float:left; margin-right:20px; margin-top:20px; position:relative; } img{ border:0; width:94px; height:94p...
![innerText innerHTML的用法以及注意事項 [推薦]](/d/file/itjie/JavaScriptjishu/2014-10-23/1667fa5170712fda884b0f29b6a9b5f4.jpg)
innerText innerHTML的用法以及注意事項 [推薦]
一:動態改變文本和Html Demo1 p { color:gray; } 請點擊下邊的文字..... 你好嗎? 你姓啥? 恢復原樣 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]innerText屬性用來定義對象所要輸出的文本，在本例中...
jquery 獲取當前元素的索引值
JavaScript代碼 $("li").hover(function(){ alert($("li").index(this)); }); [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行].index函數還是很好用的。它的說明為： 搜索與參數表示的對象匹配的元素，并返回相應元素...
js 淘寶首頁的拼音排序效果
無標題文檔 dl,dd,dt { margin:0; padding:0; } #qq { width:600px; overflow:hidden; height:500px; margin:0 auto; background:#fafafa; padding:15px; } #qq span { di...
用jQuery解決IE不支持的option disable屬性
在IE瀏覽器中，給select的options設置 disable屬性 是沒用的。
必須采用一定手段才可以解決這個問題。當然原理就是記住上次選中的 option。 this.selectedIndex 就派上用場了。 需要刷新下才可以看到效果，因為輸出的...
編寫兼容IE和FireFox的腳本
一、正式表達式問題 試圖用以下表達式提取中括號“]”后面的內容，連接調用以下代碼在IE下正常，FireFox則總是會用單數行的內容替代雙數行的內容。 (/(/])([^ -}]*)/ig).exec(srcText); newtext = "[部門]" + RegExp.$2;...
JavaScript Table行定位效果
上次做table排序對table有了一些了解，這次更是深入了解了一番，發現table原來是這么不簡單。 還不清楚這個效果叫什么，就叫行定位吧，本來想把列定位也做出來，但暫時還沒這個需求，等以后有時間再弄吧。 程序原理 一開始的需求...
jQuery 源代碼顯示控件 (Ajax加載方式).
直接引用遠程文件就可以顯示源文件，確實解決了資源。在線演示：http://img.jb51.net/online/jquery_codeview/jquery_code.htm打包下載：http://xiazai.jb51.net/200905/yuanma/jquery_codeview.rar...
W3C Group的JavaScript1.8 新特性介紹
JavaScript 1.8 計劃作為Gecko 1.9(將要合并在Firefox 3中)的一部分開始使用的。比起JavaScript 1.7來說，這只是很小的更新，不過它也確實包含了一些向ECMAScript 4/JavaScript 2進化的痕跡。JavaScript 1.8還將包含在Ja...
JS backgroundImage控制
復制代碼 代碼如下:function changeBgImage(obj){ obj.style.cssText="background:url('2.gif') no-repeat 2 3"; }...