DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
jQuery入門知識
>>
JQuery特效代碼
>> jquery (show,fadeOut,Animate)簡單效果
jquery (show,fadeOut,Animate)簡單效果
編輯：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> <title>jquery</title> <style type="text/css"><!-- #spanel,#showHide,#fadeout { width:200px; height:100px; background-color:Aqua; position:relative; cursor:pointer; font-size:12px; } --></style> <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"><!-- $(function(){ //用toggle,hide(),show()實現顯示與隱藏 $("#showHide").toggle(function(){ $(this).hide(600) },function() { $(this).show(600); } ); //使用fadeout,fadeIn改變透明度 $("#fadeout").toggle(function(){ $(this).fadeOut(); },function() { $(this).fadeIn(); } ); //使用animate實現簡單的動畫效果 $("#spanel").bind("click",function(){ $(this).animate({left:"300px",height:"100px"},3000); }); }); // --></script> </head> <body> <div id="showHide">show移上去看看</div> <p></p> <div id="spanel"> <h5>hello</h5> </div> <p></p> <div id="fadeout">fadeout淡出效果 淡出效果淡出效果淡出效果淡出效果淡出效果 淡出效果淡出效果淡出效果淡出效果 </div> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上一頁:
jquery checkbox全選反選效果代碼
下一頁:
jQuery 加上最後自己的驗證
JQuery特效代碼
使用jQuery Ajax功能時需要注意的一個問題(內存溢出)
最近一哥們在做一個Ajax長連接的項目，頁面需要和服務器保持長連接，而且在連接超時後需要重新請求連接
jQuery控制TR顯示隱藏的幾種方法
網上有很多，這裡介紹三種： 第一種方法，就是使用id，這個方法可以在生成html的時候動態設置tr的
7款吸引人眼球的jQuery/CSS3特效實例分享
作為WEB前端開發者，jQuery和CSS3肯定用得也比較多，那麼下面就分享一些由jQuery和CS
相關文章
用vue實現簡單實時匯率計算功能
jquery中attr和prop的區別
jquery操作復選框(checkbox)的12個小技巧總結
jquery 單引號和雙引號的區別及使用注意
jQuery DOM 操作（基本操作、內部插入、外部插入、包裹操作）
使用js和jquery獲取url及url參數的方法
jqueryUI部件庫的優缺點
jQuery+CSS3實現可拖拽的3D立體圖片展示環
HTML5+jQuery實現全屏煙花特效
jquery ui打開url網址的對話框
jQuery基礎知識
JQuery入門技巧
JQuery特效代碼
JQuery常見問題
小編推薦
jquery根據name屬性查找的小例子
文本框輸入時 實現自動提示（像百度、google一樣）
jquery 得到當前頁面高度和寬度的兩個函數
JQuery 動畫卷頁 返回頂部 動畫特效(兼容Chrome)
jquery控制背景音樂開關與自動播放提示音的方法教程
jQuery - css() 方法示例詳解
jquery checkbox操作
jquery.boxy彈出框(後隔N秒後自動隱藏/自動跳轉)
用jquery統計子菜單的條數示例代碼
基於jquery的兼容各種浏覽器的iframe自適應高度的腳本
熱門推薦
解決jQuery插件tipswindown與hintbox沖突
jQuery 常見操作實現方式和常用函數方法總結
基於jQuery的簡單的列表導航菜單
jQuery中DOM樹操作之復制元素的方法教程
JQuery EasyUI 對話框的使用方法
Jquery 表格合並的問題分享
jQuery中children()方法用法實例教程
jquery pagination插件實現無刷新分頁代碼
jQuery截取指定長度字符串代碼
大家都在看
網頁設計技巧：網站首頁設計寬度和高度
javascript實現簡單的省市區三級聯動
淺談js圖片前端預覽之filereader和window.URL.createObjectURL
CSS樣式表優化更整潔而簡短
javascript之基本包裝類型（Boolean，Number，String）基礎篇
JS實現可改變列寬的table實例
JS實現的網頁上的顏色拾色器
jQuery實現列表自動循環滾動鼠標懸停時停止滾動
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved