摘要: 页面触发效果:功能:1,菜单浮动框使用停留在浏览器边缘2,滚动条滚动到相应位置,触发对应的菜单为自动切换为选中样式JS代码//当浮动框移动到浏览器边缘时,跟随一起滚动 $.fn.smartFloat = function() { var position = function(element){ var abLeft=$(element).css("left"); //当为ablute时的left相对初始值 var fixeLeft=$(element).offset().left+"px"; //在整个页面的绝对值 var ... 阅读全文
posted @ 2013-04-15 16:31 关小庆 阅读(1226) 评论(0) 推荐(0) 编辑
摘要: 页面效果:插件scrolltopcontrol.js的内容注意,红框标示的地方都是可以更改的,控制触“返回顶部”的样式和显示位置HTML引入JS代码<script type="text/javascript"> //页面返回顶部按钮调用 scrolltotop.offset(100,120); scrolltotop.init();</script> 阅读全文
posted @ 2013-04-15 15:16 关小庆 阅读(554) 评论(0) 推荐(0) 编辑
摘要: 页面效果 JS代码$.fn.smartFloat = function() { var position = function(element){ var abLeft=$(element).css("left"); //当为ablute时的left相对初始值 var fixeLeft=$(element).offset().left+"px"; //在整个页面的绝对值 var top = element.position().top; var pos = element.css("position"); $... 阅读全文
posted @ 2013-04-15 14:43 关小庆 阅读(287) 评论(0) 推荐(0) 编辑
摘要: CSS代码*{ margin:0; padding:0}#shield{ position:fixed; _position:absolute; left:0; top:0; height:100%; width:100%; z-index:1000; background-color:#000; _background-color:#999; filter:alpha(opacity=30); opacity:0.3; }JS代码(引入jquery库)var shield=function(){ var str="<div id='shield'>< 阅读全文
posted @ 2013-04-15 14:11 关小庆 阅读(218) 评论(0) 推荐(0) 编辑