网站首页
无损音乐
高清电影
游戏新闻
动漫资讯
破解资源
站长资源
游戏攻略
js模拟jquery的slide和fadeIn和fadeOut功能
网络编程 发布日期：2026/1/17 浏览次数：
1
正在浏览：js模拟jquery的slide和fadeIn和fadeOut功能
就想了想 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> </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 事件系统
下一篇：
(function($){...})(jQuery)的意思
首页
无损音乐
高清电影
破解资源