四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

Web設計師值得收藏的10個jQuery特效

  jQuery已經不是什么新鮮的事兒,以前總把它認為是非常難的東西,也就沒有認真去了解他了。直到學完CSS的大部分內容,才開始接觸這種"write less, do more" 的Javascrīpt框架。這篇文章的最重要內容是來自Web Designer Wall的一篇教程,一篇包含了10個jQuery特效的教程。這里不打算全文翻譯,想以自己的語言來表達,或許這樣更方便大家理解/自己以后學習,也可能更準確地描述。

  先試試看?特效實例:

  View jQuery Demos:http://www.webdesignerwall.com/demo/jquery/

  jQuery是如何工作的?

  首先,你需要下載一個jQuery版本,并將它插入到<head>標簽內。然后,你將需要寫函數來告訴jQuery做些什么,下面的這個圖表將告訴你jQuery是怎樣工作的(請點擊圖片,查看大圖):

jQuery是怎樣工作的

  如何獲取元素(Get the element)?

  書寫jQuery函數是一個非常簡單的事。關鍵是你要學習如何獲取你想要實現的效果的確切元素。

   1. ("#header") = 獲取 id="header" 的元素   
2. ("h3") = 獲取所有<h3>
3. ("div#content .photo") = 獲取<div id="content">
4. 所有用class="photo"定義的元素
5. ("ul li") = 獲取所以 <ul><li> 的元素
6. ("ul li:first") = 只獲取<ul>中第一個<li>

  6. 整塊可點擊性效果

  這個實例將會教你如何實現內容中元素可點擊性效果,Best Web Gallery的側邊欄Tab就顯示這樣的效果。

整塊可點擊性效果

  如果你想讓class="pane-list"的<ul>內的 <li> 可點擊(整塊),你可以向 ".pane-list li"指派一個函數,使它被點擊時,函數找到 <a>元素,重定向到它的href屬性值。

   1. $(document).ready(function(){  
2.
3. $(".pane-list li").click(function(){
4. window.location=$(this).find("a").attr("href"); return false;
5. });
6.
7. });

it知識庫Web設計師值得收藏的10個jQuery特效,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 历史试卷反思| 强好案电影| 速度与激情15| 15j401图集电子版免费查看 | 王岗个人简历| 电影电车| 演员王磊| 蓝家宝电影| 白浩| 咖啡爱上香草电视剧| 那些回不去的年少时光演员表| 罗中立的《父亲》详案| dj舞曲超劲爆dj| 夫妻之间的理性| 梦断楼兰电影| 保镖1993在线观看| 手机忘记开机密码了怎么解开| 低糖食物一览表| 舞出我的人生| 打开双腿扒开打屁股羞辱惩罚视频 | 泰国av| 金枝玉叶电视剧免费观看| 洋葱电影| 白上之黑电影| 日韩电影免费在线观看| 聊斋在线观看| 张静芝| 赵依芳| 最贵的烟前十名| 齐芳| 安全管理论文| 碳水是指哪些食物| 暧昧电影| 云月之恋简谱| 电影《exotica》完整版观看| squirt cytherea video| 少女集中营阅读| 青娱乐视视频| 爱奴 电影| 八年级上册英语课堂作业答案 | 柿柿红红岁岁年电视剧演员表|