WORKS作品
-
鼠标点击(click)选项卡(TAB)效果代码
2008-06-15版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://shipin.blogbus.com/logs/22952235.html
如果你不喜欢鼠标滑过选项卡--那就当鼠标点击标签显示不同标签下的内容的选项卡效果。
鼠标点击(click)选项卡(TAB)效果代码同样基于jquery技术,兼容各大浏览器。
范例:鼠标点击(click)选项卡(TAB)效果代码用在大巴上的方法步骤和鼠标滑过(hover)选项卡(TAB)效果代码基本一样,可参考一下.
只是在header中的代码有点出入,代码如下:<script src="http://www.google.com/jsapi"></script>
这里不在赘述.
<script>google.load("jquery", "1");</script>
<script type="text/javascript">
$(document).ready(function(){
$("#tab div").hide().filter(":first").show();
$("div#tab .opts a").click(function () {
$("#tab div").hide();
$("#tab div").filter($(this).attr("href")).show();
$("#tab .opts a").removeClass("selected");
$(this).addClass("selected");
return false;
}).filter(":first").click();
});
</script>随机文章:
规定时间内显示*隐藏浮动层效果代码 2008-06-29超链接按类型加样式效果代码 2008-06-22鼠标滑过(hover)选项卡(TAB)效果代码 2008-06-15发布日期纵向效果代码 2008-05-08评论双样式效果代码 2008-05-03
收藏到:Del.icio.us
引用:







评论
body {cursor: url(ani图片连接地址.ani);}
1.该效果仅在IE内核浏览器中可见,firefox浏览器不支持自定义鼠标样式;
2.ani图片可以自己制作或者网上搜索,至于如何制作可以上百度baidu.com搜索下