`
javaEEdevelop
  • 浏览: 876384 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jquery.nicescroll的使用

 
阅读更多

 

<!--jquery.nicescroll-->
<script src="js/jquery.nicescroll/jquery.nicescroll.js"  type="text/javascript"></script>

var nicesx = $("div[id^='drop-down-ul-']").niceScroll({
				touchbehavior:false,
				cursorcolor:"#3FA7CB",
				cursoropacitymax:1.6,
				cursorwidth:8,
				horizrailenabled:false,
				cursorborderradius:0,
				autohidemode:false
				});
		//防止拉动事不触发document的click,也就是不冒泡
		$("div[id^='ascrail']").bind("click",function(e){
			var ev=e||event;
			ev.stopPropagation();
			return false;
		});
 
分享到:
评论

相关推荐

    jquery.nicescroll.min-3.7.6.js

    jquery.nicescroll.min-3.7.6.js

    jquery.nicescroll.rar

    在你的项目中引入 jQuery 和 nicescroll.js 文件后,你可以通过以下方式初始化 nicescroll: ```javascript $(document).ready(function() { $("html").niceScroll({ cursorcolor: "#FF6600", // 设置滚动条颜色 ...

    滚动条插件---jquery.nicescroll.js

    通过以上介绍,我们可以看到 jQuery.nicescroll.js 是一个强大且易于使用的滚动条解决方案,能够帮助开发者实现个性化且兼容性强的网页滚动条,提高网站的视觉吸引力和用户体验。在实际项目中,可以根据具体需求灵活...

    jquery.nicescroll无滚动条左右拖拽

    &lt;link rel="stylesheet" href="path/to/jquery.nicescroll.css"&gt; &lt;!-- 引入nicescroll JS --&gt; &lt;script src="path/to/jquery.nicescroll.min.js"&gt; ``` 接下来,你可以通过 jQuery 选择器找到想要应用 nicescroll 的...

    jquery.nicescroll-master

    1. 引用 jquery.js 和 jquery.nicescroll.js 1 2 [removed][removed] [removed][removed] 2. 通过 jquery 获取需要添加滚动条的元素,调用 niceScroll 函数进行配置即可使用该插件,如下 1 2 3 4 5 6 7 8 9 $('#...

    jQuery.nicescroll

    `js`目录中通常会包含jQuery.nicescroll的核心JavaScript文件,可能包括`jquery.nicescroll.min.js`或`jquery.nicescroll.js`。开发者需要将这个文件引入到他们的HTML页面中,才能使用jQuery.nicescroll的功能。 在...

    jquery.nicescroll完美滚动条使用方法

    一款非常完美的滚动条,简称nicescroll自定义滚动条,兼容性良好,可以完美兼容IE 6 7 8 火狐 谷歌等几乎目前都在用的浏览器,使用方法简单。 只要依次引入jquery库以及jquery.nicescroll插件,然后将需要滚动部分...

    jquery.nicescroll滚动条应用--无滚动条左右拖拽滚动

    今天给大家介绍一款功能强大的jquery.nicescroll插件,主要用户自定义个滚动条效果,使用方法非常简单,只需要将jquery库以及本插件引入页面中(要在效果之前引用),然后用一段JS调用即可 本案例适合手机客户端,可以...

    jquery.nicescroll.min.js

    好用的滚动样式加载

    jquery.nicescroll.js

    解决火狐浏览器滚动条样式无法修改j,query.nicescroll.js好用的滚动条插件,

    jquery.nicescroll仿IOS滚动条美化插件

    在 `js` 目录中,通常会有 `jquery.nicescroll.min.js` 文件。 - **初始化插件**:在页面加载完成后,通过 jQuery 的 `$(document).ready()` 函数来初始化 nicescroll。例如: ```javascript $(document).ready...

    jquery.nicescroll仿IOS滚动条美化插件.zip

    《jQuery.nicescroll:打造优雅的iOS风格滚动条》 在网页设计中,滚动条作为用户与内容交互的重要元素,其美观性和用户体验至关重要。jQuery.nicescroll插件就是一款专门用于美化滚动条的工具,它能够帮助开发者...

    jquery.nicescroll兼容IE6-10,符合w3c标准浏览器,智能终端的滚动条

    使用jQuery.nicescroll时,开发者首先需要在页面中引入jQuery和jQuery.nicescroll的JavaScript文件,然后选择要应用滚动条的元素并调用`.niceScroll()`方法。通过调整各种配置选项,可以定制出符合网站风格的滚动条...

    jQuery.nicescroll美化滚动条

    要使用jQuery.nicescroll,首先需要在项目中引入jQuery库和nicescroll.js文件。通常情况下,我们会在HTML文件的头部引用如下代码: ```html &lt;script src="https://code.jquery.com/jquery-3.x.x.min.js"&gt;&lt;/script&gt; ...

    jquery.nicescroll无滚动条左右拖拽.zip

    为了实现这一功能,我们需要在HTML结构中正确地引入jQuery库和nicescroll.js文件,并在页面加载完成后调用nicescroll方法。例如: ```javascript $(document).ready(function() { $("body").niceScroll({ ...

    jquery.nicescroll美化滚动条插件鼠标滑过显示

    首先,要使用`jQuery.nicescroll`,你需要在项目中引入jQuery库和`nicescroll.js`插件文件。在HTML文件中,通常在`&lt;head&gt;`部分添加如下代码: ```html &lt;script src="https://code.jquery....

    jquery.nicescroll的使用和案例

    &lt;script src="jquery.nicescroll.js"&gt; ``` 确保这两个文件已放在正确的位置,并被正确地引入到HTML文档中。 ### 三、基本用法 创建自定义滚动条,只需调用`$("selector").niceScroll()`方法,例如: ```javascript...

    jQuery.nicescroll图片左右拖拽滚动插件

    jquery.nicescroll插件实现的左右拖拽效果,可看作是jquery.nicescroll.js插件演示示例,鼠标在图片上按住鼠标左键,移动鼠标即可拖动图片左右滑动,无缝对接,如果图片处理全景图,则可实现全景拖动浏览功能。

Global site tag (gtag.js) - Google Analytics