例子截图:
HTML代码如下:
...
使用方法:
$("被点击元素选择器").scrollTo("目标","speed","setting" );
$.scrollTo("目标","speed","setting" );//网页初始化后立刻滚动
目标选择器可以使选择器,"top", "bottom"
...
获取IE浏览器,显示窗口大小的方法:
document.body.offsetWidth; // 不包括滚动条的宽度
document.body.offsetHeight;
整个网页尺寸常用的获取方法:
document.body.scrollWidth; // 网页正文全文宽
...
iView Slider 是一款优秀的 jQuery 滑动插件,用于实现文本、图片、视频等各种网页内容的滑动功能。iView Slider 支持响应式布局,能够很好的运行于触屏设备中。
iView Slider 内置35种很炫的过渡效果(Transition Effects),能够帮助你制作出各种各样的滑动效果。
...
$(document).click(function(event){
var src_element_id = $(event.srcElement || event.target).attr("id");
//没点击一次就获取当前元素ID
// event.srcElement || event.target 代表的原生JS对象,获取ID,使用(event.srcElement || event.target).id
...在一个拖拽系统中,做出来容易细节,细节却并不尽如人意..拖拽中没有一个完美(或者说比较完美)的解决方案,原因在于:
我们所知道拖拽的实现的方法(cross-browser)是有三个事件的:onmousedown,onmousemove,onmouseup,
即onmousedown来捕获,onmousemove拖拽,onmouseup释放事件. 这在一般情况下是没有问题的.在此种情况下会出现事件没有释放------当鼠标按下(onmousedown)移动某element(onmousemove)到IE(或其它浏览器)窗体的时候再松开鼠标,这个时候onmouseup并没有释放事件,你再将鼠标移入浏览器窗体时,element会拖动. 此细节可描述为onmouseup在浏览器外的时候,浏览器无法触发该事件.
...
由于浏览器的冒泡行为。造成如果在一个DIV元素上同时定义了mouseover,mouseout的时候,当鼠标移动到DIV中的child子元素的时候,就会同时执行了两个操作mouseover和mouseout。
解决方案:阻止冒泡行为,当执行mouseover的时候不触发mouseout的操作。
...问题介绍:
一、JQuery的环境配置
1、JQuery分为压缩版和非压缩版
2、$=JQuery
3、$(document).ready(funtion(){}); 相当于 $(function(){});
4、注释用//
5、DOM对象与JQuery对象的相互转换
var $variable (jquery对象) =$(variable)(Dom对象);
...
下边是读取json填充select标签,因为分类是无限的,所以采用js的递归方法:
var json = { "parents": [ { "name": "餐饮", "childrens": [ { "name": "小吃", "childrens": [ { "name": "东北小吃" } ] }, { "name": "大吃" } ] }, { "name": "酒店" }, { "name": "度假村", "childrens": [{ "name": "海南" }, { "name":"三亚", "childrens": [] } ] } ] };
...