素材网 素材网

jQuery 视频选项卡左右切换代码

下载资源()次

阅读次数()次

发布时间:2016-05-04

jQuery 视频选项卡左右切换代码
分享到:

用法简介:

来源:xw素材网

jQuery 视频选项卡左右切换代码。
文件引用:

 <!-- js通用样式 -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- 滚动条主要样式 -->
<script type="text/javascript" src="js/jquery.nicescroll.js"></script>
<script type="text/javascript">
var video_list_lenght=$("ul.video_list li").length;
$("ul.video_list").css("width",$("ul.video_list li").width()*video_list_lenght-7);// 减去margin-right的7px长度
$(".video_list_area").niceScroll({  
	cursorcolor:" #c12e2e",  //#FF6666滚动条光标颜色
	cursoropacitymax:1,      //改变不透明度,光标处于活动状态(scrollabar“可见”状态),范围从1到0
	touchbehavior:false,     //使光标拖动滚动像在台式电脑触摸设备
	autohidemode:false,      //是否隐藏滚动条
	cursorwidth:"10px",      //像素光标的宽度
	cursorborder:"0",        //游标边框css定义
	cursorborderradius:"0px" //以像素为光标边界半径 
}); 
</script>


   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。