DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
關於JavaScript
>> js模擬jquery的slide和fadeIn和fadeOut功能
js模擬jquery的slide和fadeIn和fadeOut功能
編輯：關於JavaScript
就想了想 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>三欄布局</title> <style> #main1{ margin:20px auto; width:200px; background-color:#6c9; overflow:hidden; } </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> <body> <input type="button" value="slide" onclick="Animate.slide('main1',10)" /> <input type="button" value="fadeIn" onclick="Animate.fadeIn('main1',10)" /> <input type="button" value="fadeOut" onclick="Animate.fadeOut('main1',10)" /> slide && fadeIn && fadeIn && fadeOut </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
運行後，大家看效果。
上一頁:
JavaScript 事件系統
下一頁:
一個簡單的js動畫效果代碼
關於JavaScript
Javascript HTML5 Canvas實現的一個畫板
本文實例為大家分享了HTML5 Canvas實現的一個畫板代碼，供大家參考，具體內容如下<!D
js 中獲取制定的cook信息實現方法
前提：在js中獲取cook最蛋疼，因為他沒按照cook變量的值一個個的存好，而是所有的變量都存在一起
JS組件Bootstrap Select2使用方法詳解
在介紹select組件的時候，之前分享過一篇JS組件中bootstrap multiselect兩大
相關文章
js根據地理坐標確定地圖中心位置
使用js和jquery獲取url及url參數的方法
使用js實現極速選擇輸入城市名
Javascript模擬拆紅包效果
JS鼠標懸浮圖片左右箭頭點擊訪問上下頁
js動態改變字體大小實例
js獲取和設置元素屬性值
js字符串轉數組
使用jquery.easysector.js繪制百分比餅圖
JS中script標簽defer和async屬性的區別詳解
JavaScript基礎知識
JSON基礎
正則表達式
關於JavaScript
JavaScript技巧
jQuery入門知識
AJAX入門
JavaScript綜合知識
小編推薦
js中日期的加減法
js中的scroll和offset 使用比較的實例與分析
設置jsf的選擇框h:selectOneMenu為不可編輯狀態的方法
Bootstrap基本組件學習筆記之進度條(15)
JavaScript Array Flatten 與遞歸使用介紹
Javascript 實現微信分享（QQ、朋友圈、分享給朋友）
js/html光標定位的實現代碼
用js解決數字不能換行問題
詳解Javascript動態操作CSS
javascript實現的多個層切換效果通用函數實例
熱門推薦
js 復制或插入Html的實現方法小結
NodeJS制作爬蟲全過程
JavaScript版的TwoQueues緩存模型
javascript實現鼠標放上後下邊對應內容變換的效果
Javascript單例模式的介紹和實例
js動態為代碼著色顯示行號
javascript驗證內容為數字以及長度為10的簡單實例
基於javascript實現最簡單的選項卡切換效果
javascript獲取上傳文件的後綴名
大家都在看
看了就知道什麼是JSON
愚人節巧用CSS開個極客式玩笑以chrome為例
jquery改變tr背景色的示例代碼
電腦程序員的蘑菇定律
javascript異步編程的4種方法
只用css制作圓角
jQuery:delegate中select()不起作用的解決方法(實例講解)
vue實現可增刪查改的成績單
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved