JavaScript智能浮动
这种特效是经过JavaScript和CSS完成的,在实践开发中有不少用处,下面是新余网站建设找到的一个运用JavaScript制造的仿淘宝智能浮动的源代码,兼容性不错,在IE、Firefox、Chrome下都能正常工作。
在Z-Blog中运用这个特效代码需求留意,假如在侧边栏运用,则需求留意,侧栏中的栏目不能运用JavaScript动态加载,必需用静态的格式,否则在JavaScript会错误的计算页面高度,上下滚动的时分会呈现错位现象。
以下是相关代码:
JavaScript 代码
(function(){
var oDiv=document.getElementById("float");
var H=0,iE6;
var Y=oDiv;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
iE6=window.ActiveXObject&&!window.XMLHttpRequest;
if(!iE6){
window.onscroll=function()
{
var s=document.body.scrollTop||document.documentElement.scrollTop;
if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}
else{oDiv.className="div1";}
};
}
})();
HTML 代码
HTML 代码
HTML 代码
<div id="box">
<div id="float" class="div1">
//随滚动移动的部分代码
</div>
</div>
CSS 代码
#box{float:left;position:relative;width:295px;}
.div1{}
.div2{position:fixed;_position:absolute;top:3px;z-index:295;}
- 1Ecshop中怎样使Smarty支持模板路径替换
- 2新余网站优化关于网站的PR问题
- 3SNS社交网站建设方案
- 4长尾关键词提高流量转化
- 5正确使用PHP引号
- 6网站优化中需要注意细节
- 7php中时间轴开发
- 8网站设计中需要注意的
- 9详谈UCHome数据库相关介绍
- 10PHP调用Linux系统的常用函数
- 11新余网站建设网站建设项目解决方案
- 12新余视频网站解决方案
- 13关于fsockopen pfsockopen函数安全问题的公告
- 14PHP与JAVA相比,哪个是高端OA软件御用语言
- 15网络营销的服务构成
- 16网站建设顺利四大原则
- 17阿里云备案 客户应准备的资料
- 18转化率对网站的影响和改善
- 19网站优化中几个误区
- 20企业为什么偏偏需要权威的网站开发企业做官网呢?
- 21备案一次可以提交几个域名?
- 22新余网站优化之分析数据
- 23长尾词才是企业网站流量的提升的根本
- 24企业要打造营销型企业网站
- 25怎么添加网站统计代码?
- 26PHP开发者经常犯的几个MySQL错误
- 27企业网站优化中的内容营销
- 28影响网站关键词排名的因素
- 29垂直B2B行业转型成功
- 30Wordpress的Google Blogger格式地址插件
成都公司:成都市成华区建设南路160号1层9号
重庆公司:重庆市江北区红旗河沟华创商务大厦18楼