代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
JS
】
变色tab背景
作者:
eeeneo
/ 发布于
2012/8/3
/
579
变色tab背景
<div><!DOCTYPE html></div> <div></div> <div><html></div> <div><head></div> <div> <meta charset="utf-8"></div> <div> <title>KISSY ColorBg</title></div> <div></head></div> <div><body></div> <div><style></div> <div> ul,li {</div> <div> margin: 0;</div> <div> padding: 0;</div> <div> list-style: none;</div> <div> } <div> a {</div> <div> color: #0e3254;</div> <div> text-decoration: none;</div> <div> } <div> a:hover {</div> <div> color: #f3fdff;</div> <div> } <div> .menu {</div> <div> margin: 0 auto;</div> <div> width: 240px;</div> <div> background-color: #f8f9fd;</div> <div> font: 12px/1.5 '微软雅黑';</div> <div> } <div> .menu li a {</div> <div> display: block;</div> <div> padding: 10px;</div> <div> } <div></style></div> <div><ul class="menu" id="menu"></div> <div> <li><a href="" target="_blank">全部任务</a></li></div> <div> <li><a href="" target="_blank">已完成</a></li></div> <div> <li><a href="" target="_blank">即将开始</a></li></div> <div> <li><a href="" target="_blank">还在规划中尚未确定</a></li></div> <div> <li><a href="" target="_blank">私人空间</a></li></div> <div> <li><a href="" target="_blank">垃圾回收站</a></li></div> <div> <li><a href="" target="_blank">全部任务</a></li></div> <div> <li><a href="" target="_blank">已完成</a></li></div> <div> <li><a href="" target="_blank">即将开始</a></li></div> <div> <li><a href="" target="_blank">还在规划中尚未确定</a></li></div> <div> <li><a href="" target="_blank">私人空间</a></li></div> <div> <li><a href="" target="_blank">垃圾回收站</a></li></div> <div></ul></div> <div><script src="<a href="http://a.tbcdn.cn/s/kissy/1.2.0/kissy-min.js"></script">http://a.tbcdn.cn/s/kissy/1.2.0/kissy-min.js"></script</a>></div> <div><script></div> <div>(function(S){</div> <div> var D = S.DOM, E = S.Event, index = -1, as = [];</div> <div></div> <div> S.all("#menu a").on("mouseover", function(){</div> <div>var _this = this;</div> <div>index = S.indexOf(_this, S.all("#menu a"));</div> if(as[index] && as[index].isRunning(_this)){</div> <div>as[index].stop(false);</div> <div>} <div> D.css(_this, "background-color", "#66a7e1");</div> <div> }).on("mouseout", function(){</div> <div> as[index] = new S.Anim(this, {"backgroundColor":"#f8f9fd"}, 0.5, "easeOut", function(){});</div> <div>as[index].run();</div> <div> });</div> <div>})(KISSY);</div> <div></script></div> <div></div> <div></body></div> <div></html></div>
试试其它关键字
变色tab背景
同语言下
.
Jquery搜索框获取回车事件
.
H5页面添加倒计时，然后自动跳转
.
通过user-agent判断h5页面是在哪个手机App（QQ、微信
.
nginx 禁止未绑定的域名访问
.
JavaScript 获取按键，并屏蔽系统 Window 事件
.
H5之只允许微信浏览器打开，禁止从外部浏览器访问
.
微信打开网址添加在浏览器中打开提示的办法
.
实现JS复制、粘贴，Chrome/Firefox下可用
.
video视频播放，play()、pause()、duration时长、onen
.
HTML5实现MP3上传前的预览和播放时长的获取
可能有用的
.
C#实现的html内容截取
.
List 切割成几份 工具类
.
SQL查询 多列合并成一行用逗号隔开
.
一行一行读取txt的内容
.
C#动态修改文件夹名称(FSO实现，不移动文件)
.
c# 移动文件或文件夹
.
c#图片添加水印
.
Java PDF转换成图片并输出给前台展示
.
网站后台修改图片尺寸代码
.
处理大图片在缩略图时的展示
eeeneo
贡献的其它代码
(
2
)
.
变色tab背景
.
判断数组
Copyright © 2004 - 2024 dezai.cn. All Rights Reserved
站长博客
粤ICP备13059550号-3