jQuery對象和DOM對象的相互轉化實現代碼
jQuery對象和DOM對象相互轉化 jQuery對象和DOM對象
jQuery對象就是通過jQuery包裝DOM對象后產生的對象。jQuery對象是jQuery獨有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；例如$("#img").attr("src","test.j...
|
|
JavaScript頁面刷新與彈出窗口問題的解決方法
一、無提示刷新網頁 大家有沒有發現，有些網頁，刷新的時候，會彈出一個提示窗口，點“確定”才會刷新。而有的頁面不會提示，不彈出提示窗口，直接就刷新了. 如果頁面沒有form，則不會彈出提示窗口。 如果頁面有form表單， a)< f...
在一個瀏覽器里呈現所有瀏覽器測試結果的前端測試工具的思路
作為一個標準的絕頂的懶人,我想做一個測試工具,可以同時把所有瀏覽器的測試結果都顯示在一個瀏覽器窗口里,并且列成清晰的表格,便于比較.
這一定會是一個可愛的工具,節省時間不說,而且可以清晰的記錄和比較數據.下...
Jquery 實現Tab效果 思路是js思路
復制代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></...
走馬燈效果代碼js appendChild實現的無縫滾動
*{border:1px solid blue} a{display:block;font-size:10px}; 1,河北， 2,遼寧 3,山東， 4,河南 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]具體美化，大家可以自己做下。...
js 編寫規范
在一個項目中大量使用js，工程項目與網站開發有一些不一樣，在我接觸的工程項目中普遍使用js 不夠多，大部分客戶端可做事，交給了服務端，而且在使用js時不夠規范，很容易造成代碼難以閱讀、內存泄漏問題，不注意js 輸寫方式。而在...
jquery validation插件表單驗證的一個例子
messages_cn.js <!--驗證國際化，中文--> （不引用messages_cn.js是英文的提示，用了是中文） 復制代碼 代碼如下: required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid e...
純CSS實現的豎向導航菜單
純CSS豎向導航菜單 body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold; } ul { list-style: none; margin: 0; padding: 0; } #menu3 { width: 160px;...
javascript 圖片滑動切換代碼
nVida網站圖片滑動-http://www.jb51.net #changebox{width:610px;height:342px;overflow:hidden; position:relative;} #changebox #changeAction{width:1220px;height:342px; position:absolute; } #changebox...
CSS 圖片橫向排列實現代碼
CSS 圖片列表，橫向 VB定時關機源碼示例 一個好用的C++日志生成類 JS+CSS聯合打造圖文結合動感菜單 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]...
select下拉選擇框美化實現代碼(js+css+圖片)
因為雖然實現起來麻煩點，如果用自帶的Select，很簡單的就完成了，但是本代碼實際上是在向大家講述一種Js在網頁中的應用實戰，多種元素之間的配合作用等。效果如下圖： 下拉select選擇框 body{margin:20px auto;font-fami...
Js 豎直伸縮菜單(百度)
從百度扒下來的豎直伸縮菜單-www.jb51.net 新手入門 關于百度搜索推廣 賬戶注冊 快速上手 推廣制作 設置匹配方式 撰寫創意 設置URL 推廣投放 點擊過濾 質量度 關鍵詞匹配 創意展現方式 效果評估 推廣效果 百...
CSS 網頁頂部固定工具欄拖動無閃爍實現代碼
實際上細心的朋友會發現，這個頂部的工具條實則是一個平鋪的背景圖像，CSS起到固定背景的作用，也算是一種獨特的實現方法。 頂部拖動無閃爍菜單欄 * { margin: 0px; padding: 0px; } body { background-i...
js 鉆石棋網頁游戲代碼
鉆石棋游戲 body{text-align:center; font-size:12px;} td{font-size:12px;text-align:center} table .qz{ border:1px solid #ccc; padding:0px; margin:0px;} .ayc{ background:#fff; background-image:none}...
JavaScript 拖拽翻頁效果代碼
拖拽翻頁效果JavaScript特效-demo by http://www.jb51.net html,body{ width:100%; height:100%; border:0px; margin:0px; overflow:hidden; } #menu{ width:1000px; height:500px;...
爆炸式的JS圓形浮動菜單特效代碼
演示代碼 http://demo.jb51.net/js/other/baozha.htm...
JS 日歷控件(藍色)
超漂亮的JS日歷控件 *{ font:12px; letter-spacing:0px; } body{ background-color:#E5E9F2; overflow:hidden; margin:0; border:0px; } #titleYear{ text-align:center; padding-top:3px; width:120px; heigh...
JavaScript類和繼承 constructor屬性
constructor屬性始終指向創建當前對象的構造函數。比如下面例子：比如下面例子： 復制代碼 代碼如下: // 等價于 var foo = new Array(1, 56, 34, 12); var arr = [1, 56, 34, 12]; console.log(arr.constructor === Arra...
Js 網頁上反復顯示隱藏效果的文本
反復顯隱的文本 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]...
JavaScript isPrototypeOf和hasOwnProperty使用區別
1、isPrototypeOf isPrototypeOf是用來判斷指定對象object1是否存在于另一個對象object2的原型鏈中，是則返回true，否則返回false。 格式如下： object1.isPrototypeOf(object2); object1是一個對象的實例； object2是另一個...
AppBaseJs 類庫 網上常用的javascript函數及其他js類庫寫的
復制代碼 代碼如下:/*----------------------------------- Web Application JavaScript Library 2009.11 janchie ------------------------------------*/
//String原生對象擴展 置空左右端空格 String.prototype...
ExtJs之帶圖片的下拉列表框插件
在ExtJs的官方網站上有一個帶圖片的下拉列表，其中擴展了ExtJs的Combo，名稱叫做IconCombox，官方地址為： http://www.extjs.com/learn/Tutorial:Extending_Ext_Class_Chinese 但是這個IconComboBox有個缺點，就是顯示...
JavaScript replace(rgExp,fn)正則替換的用法
代碼如下： 復制代碼 代碼如下: var rxhtmlTag = /(<([/w:]+)[^>]*?)//>/g, rselfClosing = /^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i, fcloseTag = function(all, front, tag) { return rselfClosing...
老魚 淺談javascript面向對象編程
感嘆是為了緩解嚴肅的氣氛并引出今天要講的話題，”javascript面向對象編程”，接下來，我們圍繞面向對象的幾大關鍵字：封裝，繼承，多態，展開。 封裝：javascript中創建對象的模式中，個人認為通過閉包才算的上是真正意義上的封裝，所...
javascript實現的像java、c#之類的sleep暫停的函數代碼
下面就是我的實現的方法： 代碼 復制代碼 代碼如下: <script type="text/javascript"> function test() { var s="javascript--暫停函數"; setTimeout( function(){ eval(sleep(test)); //執行return之后的代碼，也就是“...