十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这种插件非常多, 你可以挑一个用
创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、网站制作、外贸营销网站建设、城中网络推广、成都小程序开发、城中网络营销、城中企业策划、城中品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供城中建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
如果你要问原理, 关键点是
外层div是一个窗口, 控制好长宽, 设置overflow为hidden, 那么只有在此区域内的内容才会被显示
内容是一堆图片, 通过js控制位置, 比如用relative定位, 通过css控制left, 就是移动效果
如果要轮播, 注意控制边界图片次序
'position':absolute 里的 absolute要加单引号, 因为它不是变量。
然后能实现跟随鼠标了 但不是不是太精确 因为你的top和left 都是e.pageY,left应该是e.pageX
然后mouseover是鼠标移入触发,不是实时触发,要实时跟随鼠标,换成mousemove即可
$("body").mousemove(function(e){
if($("#mouseXY").html() == null){
var MouseXY = "div id='mouseXY'img src='未标题-1.png'//div" ;
$("body").append(MouseXY);
}
$("#mouseXY").css({'top':e.pageY,'left':e.pageX,'position':'absolute','z-index':1});
});
(function($){
})(jQuery)
用这个包起来。
原因如下:
1 首先(function(){})()这种写法 是创建了一个匿名的方法并立即执行(function(){})这个是匿名方法后面的括号就是立即调用了这个方法)。
这样做可以创建一个作用域以保证内部变量与外部变量不发生冲突,比如$ jQuery 等jquery内部定义的变量。
2 (function($){})(jQuery) 这个写法主要的作用还是保证jquery不与其他类库或变量有冲突 首先是要保证jQuery这个变量名与外部没有冲突(jquery内部$与jQuery是同一个东西 有两个名字的原因就是怕$与其他变量名有冲突二jQuery与其他变量冲突的几率非常小)并传入匿名对象,匿名对象给参数起名叫做$(其实和jquery内部是一样的) 然后你就可以自由的在(function($){})(jQuery)里写你的插件而不需要考虑与外界变量是否存在冲突