DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
jQuery入門知識
>>
JQuery特效代碼
>> 基於jquery鼠標點擊其它地方隱藏層的實例代碼
基於jquery鼠標點擊其它地方隱藏層的實例代碼
編輯:JQuery特效代碼  
下面的代碼運行後,需要再刷新一下。
<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>test</title> <style type="text/css"> .div_d{ padding:10px; border:1px dotted red; position:absolute; display:none; cursor:pointer;} </style> <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(function(){ $("input[id=search]").focus(function(even){ var pos=$(this).offset(); $(".div_d").css({left:pos.left,top:pos.top+20+"px",display:"block"}); }); document.onclick=function(e){ var e=e?e:window.event; var tar = e.srcElement||e.target; if(tar.id!="search"){ if($(tar).attr("class")=="div_d"){ $(".div_d").css("display","block") }else{ $(".div_d").css("display","none"); } } } }) </script> </head> <body style=" padding-left:300px;"> <input id="search" /> <div class="div_d"> <a href="http://www.poluoluo.com" target="_blank"></a>介紹信息</div> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上一頁:
jqeury eval將字符串轉換json的方法
下一頁:
基於jquery的修改當前TAB顯示標題的代碼
JQuery特效代碼
30個經典的jQuery代碼開發技巧
本文實例總結了30個經典的jQuery代碼開發技巧。分享給大家供大家參考。具體如下:1. 創建一個嵌
jquery獲取input的value問題說明
後來終於在偉大的百度幫助下,找到了問題的原因: 代碼如下: $()是一個jquery對象,而不是一
jQuery 快速結束當前正在執行的動畫
當需要快速結束一個當前正在執行的jquery 動畫時(還沒執行完成),如 fadeOut(),可以在
相關文章
jquery中attr和prop的區別
jquery操作復選框(checkbox)的12個小技巧總結
jquery 單引號和雙引號的區別及使用注意
jQuery DOM 操作(基本操作、內部插入、外部插入、包裹操作)
使用js和jquery獲取url及url參數的方法
jqueryUI部件庫的優缺點
jQuery+CSS3實現可拖拽的3D立體圖片展示環
HTML5+jQuery實現全屏煙花特效
jquery ui打開url網址的對話框
jQuery+HTML5電子通知倒計時特效
jQuery基礎知識
JQuery入門技巧
JQuery特效代碼
JQuery常見問題
小編推薦
JQuery異步加載無限下拉框級聯功能實現示例
Jquery replace 字符替換實現代碼
jQuery timers計時器簡單應用說明
詳談 Jquery Ajax異步處理Json數據.
jQuery學習總結之元素的相對定位和選擇器(持續更新)
jQuery Selectors(選擇器)的使用(二、層次篇)
關於jquery性能最佳實踐的討論,與求教
jquery indexOf使用方法
IE與firefox之jquery用法區別
JQuery中的html()、text()、val()區別示例介紹
熱門推薦
jQuery實現統計復選框選中數量
在JavaScript中重寫jQuery對象的方法教程實例教程教程
基於jQuery的簡單九宮格實現代碼
jquery自動完成插件(autocomplete)應用之PHP版
Jquery實現地鐵線路指示燈提示牌效果的方法教程
jquery中使用$(#form).submit()重寫提交表單無效原因分析及解決
struts2+jquery+json實現異步加載數據(自寫)
JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
jquery中each方法教程示例和常用選擇器
大家都在看
JS面向對象基礎講解(工廠模式、構造函數模式、原型模式、混合模式、動態原型模式)
AJAX如何接收JSON數據示例介紹
javascript中創建對象的三種常用方法
原生js實現查詢天氣小應用
jquery入門—選擇器實現隔行變色實例代碼
CSS技巧:text-indent隱藏文字(以圖換字)
CSS快速入門
javascript中的Function.prototye.bind
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved