1. jquery滚动到底部
在页面中引入jquery和jquery.jside.menu.js文件,以及jside-menu.css和jside-skins.css文件。
<link rel="stylesheet" href="css/jside-menu.css" />
<link rel="stylesheet" href="css/jside-skins.css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.jside.menu.js"></script>
HTML代码:
然后使用下面的HTML结构创建菜单。
<div class="menu-head">
<span class="layer">
<div class="col">
<div class="row for-pic">
<div class="profile-pic">
<img src="profile.jpg" alt="profile" />
</div>
</div>
<div class="row for-name">
<h3 title="User Name"> Username </h3>
<span class="tagline"> Tagline</span>
</div>
</div>
</span>
</div>
<nav class="menu-container">
<ul class="menu-items">
<li><span class="item-icon"><i class="zmdi zmdi-android"></i></span> <a href="#1"> Main item one </a></li>
<li> <span class="item-icon"> <i class="zmdi zmdi-apple"></i> </span> <a href="#1"> Main item two </a></li>
<li class="has-sub"> <span class="item-icon"> <i class="zmdi zmdi-windows"></i> </span> <span class="dropdown-heading"> Item three with dropdown </span>
<ul>
<li> <a href="#2">dropdown sub item 1 </a> </li>
<li> <a href="#2"> dropdown sub item 2 </a> </li>
<li> <a href="#2"> dropdown sub item 3 </a> </li>
...
</ul>
</li>
<li class="has-sub"> <span class="item-icon"> <i class="zmdi zmdi-devices"></i> </span> <span class="dropdown-heading"> Item four with dropdown </span>
<ul>
<li> <a href="#2">sub item 1 </a> </li>
<li> <a href="#2">sub item 2 </a> </li>
<li> <a href="#2">sub item 3 </a> </li>
...
</ul>
</li>
<li> <span class="item-icon"> <i class="zmdi zmdi-keyboard"></i> </span> <a href="#1"> Main item four </a></li>
<li> <span class="item-icon"> <i class="zmdi zmdi-dock"></i> </span> <a href="#1"> Main item five </a></li>
</ul>
</nav>
另外还要使用div来创建一个遮罩层。
<div class="dim-overlay"></div>
初始化插件:
在页面DOM元素加载完毕之后,通过jSideMenu()方法来初始化该插件。
$(".menu-container").jSideMenu();
你可以控制侧边栏的位置:
$(".menu-container").jSideMenu({
jSidePosition: "position-right"
});
也可以将侧边栏制作为静态的。
$(".menu-container").jSideMenu({
jSideSticky: false
});
插件中内置了多种侧边栏皮肤,可以根据需要来切换。
$(".menu-container").jSideMenu({
jSideSkin: "default-skin"
});
可用皮肤:
flickr fb-messenger moonlit park-life d2f steel-man amethyst between-clouds crazy-orange endless-river该jQuery滑动侧边栏插件的github地址为:https://github.com/CodeHimBlog/jquery-jside-menu
2. jquery滚动到底部加载数据
方法/步骤:
1.
在HBuilder软件中创建web项目,并在web项目指定的目录下创建静态页面sele...
2.
引入EasyUI插件核心css和js文件,并引入jQuery核心js文件,
3.
下面开始编写ComboBox容器,该控件利用的是select标签元素构成的,设置Com...
4.
第三步完成后在浏览器中进行预览,将会看到一个带有选项的下拉框,
3. 页面滚动到底部
苹果底部横条设置振动方法如下:
1.
首先,打开手机上的设置功能,可以对手机的系统功能进行设置。
2.
进入设置后,可以看到一些进本功能的设置,向下滑动页面,找到“声音”选项,并点击进入。
3.
进入声音后,可以看到,手机默认的是“响铃模式振动”和“静音模式振动”都是打开的。
4.
此时,只要关闭到“响铃模式振动”,就可以了,再次来电话,就只有振动,没有铃声了。
4. jquery滚动到底部事件
1、为了操作方便,我们这里使用jquery来操作,所以先引入jquery脚本库文件。
2、html里,我们添加一个id为mouse的div就行了,里面有一些显示信息。
3、接着我们就可以添加js事件了,通过添加mouseover事件,我们就可以实现鼠标移进的逻辑事件了,在这里我们为p元素设置信息,提示鼠标移进了。
4、同理添加mouseout事件,就是鼠标移出的事件了。
5、运行页面,可以看到一个div里有一段文件,我们尝试把鼠标移动到div里。
6、移进去后,就可以看到有文字显示出来,提示鼠标已经移进来了。
7、鼠标移出后,也有对应的提示。我们的代码正确运行了。当然实际情况下,我们可以在鼠标移进去时显示一个窗口,图片等等。鼠标移出后,再隐藏掉这些内容。逻辑上都是一样的实现,就看大家的需求是怎样的了。
5. js滚动到底部
window.frames[index].frameElement.contentWindow这个是对应的iframe的windowwindow.frames[index].frameElement.contentWindow.scrollTo(x,y)调用对应的iframe的滚动条.scrollBy(x,y).scroll(x,y)调用滚动条的其他方法本人只测试到ie9,9以下自行测试
6. js 滚动到顶部
最快回到首行的方法,还是使用组合键:CTRL+HOME.最快回到尾行的方法还是使用组合键:
CTRL+END.快速定位到某一行:使用定位法,使用快捷键CTRL+G,打开定位设置窗口,
在文本框中输入A1即可到首行,输入任意对应单元格数,即可到达任意行。