JavaScript 经典效果集
作者: 梦想照进现实-鹏
一、让你的文本链接渐隐渐显
复制内容到剪贴板
二、很多的脚本翻页
代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
复制内容到剪贴板
[
本帖最后由 hailuo 于 2008-6-24 09:33 编辑 ]
代码:<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
搜索更多相关主题的帖子: JavaScript 经典 效果 定义 New
我只是一个大侠!
| |
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
2#
大
中
小 发表于 2008-6-24 09:18
只看该作者
三、超级强大的表单验证
复制内容到剪贴板
四、漂亮的脚本日历
代码:<title>表单验证类 Validator v1.01</title>
复制内容到剪贴板
代码:<Script LANGUAGE="JavaScript">
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
3#
大
中
小 发表于 2008-6-24 09:19
只看该作者
五、DIV_圆边圆角的实现
复制内容到剪贴板
六、跳动的菜单
代码:<html xmlns:v>
复制内容到剪贴板
代码:<html>
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
4#
大
中
小 发表于 2008-6-24 09:20
只看该作者
七、经典的带阴影的可拖动的浮动层
复制内容到剪贴板
八、凹陷文字
代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
复制内容到剪贴板
代码:<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;">
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
5#
大
中
小 发表于 2008-6-24 09:22
只看该作者
九、美化列表
复制内容到剪贴板
代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
6#
大
中
小 发表于 2008-6-24 09:22
只看该作者
十、将HTML自动转为JS代码
复制内容到剪贴板
代码:<script>
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
7#
大
中
小 发表于 2008-6-24 09:26
只看该作者
十一、用层模拟可移动的小窗口
复制内容到剪贴板
代码:<html>
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
8#
大
中
小 发表于 2008-6-24 09:26
只看该作者
十二、一个模仿图片透明渐变做的表格颜色渐变效果
复制内容到剪贴板
代码:<HTML>
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
9#
大
中
小 发表于 2008-6-24 09:27
只看该作者
十三、来访统计
<script language="JavaScript"> <!-- var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "") if (!caution || (name + "=" + escape(value)).length <= 4000) document.cookie = curCookie else if (confirm("Cookie exceeds 4KB and will be cut!")) document.cookie = curCookie } function getCookie(name) { var prefix = name + "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) } var now = new Date() fixDate(now) now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000) var visits = getCookie("counter") if (!visits) visits = 1 else visits = parseInt(visits) + 1 setCookie("counter", visits, now) document.write("帅哥,欢迎您的第" + visits + "次光临!") // --> </script>
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
10#
大
中
小 发表于 2008-6-24 09:30
只看该作者
十四、css模拟title和alt的提示效果
复制内容到剪贴板
代码:<style>
|
十五、功能强大的旋转导航文字圈
复制内容到剪贴板
代码:<body>
我只是一个大侠!
| |
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
12#
大
中
小 发表于 2008-6-24 10:13
只看该作者
十六、网页左侧隐藏导航菜单~
复制内容到剪贴板
代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
13#
大
中
小 发表于 2008-6-24 10:16
只看该作者
十七、焦点图片模糊变化切换效果
复制内容到剪贴板
代码:<script language="JavaScript1.1">
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
14#
大
中
小 发表于 2008-6-24 10:18
只看该作者
十八、框架自定义
复制内容到剪贴板
代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
15#
大
中
小 发表于 2008-6-24 14:12
只看该作者
十九、静态页面的分页效果
复制内容到剪贴板
代码:<style>
我只是一个大侠!
|
TOP |
hailuo 海螺大侠 IsMole Team 大侠 |
16#
大
中
小 发表于 2008-6-24 14:14
只看该作者
二十、客齐集社区头像效果CSS解析
复制内容到剪贴板
代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|