一下代码 如何设置成js，然后在html网页中调用。
代码如下：因字数限制，给个链接：www.codefans.net/jscss/code/2202.shtmlppbb321@163.com...
代码如下：因字数限制，给个链接：www.codefans.net/jscss/code/2202.shtml
ppbb321@163.com 展开
ppbb321@163.com 展开
4个回答
展开全部
给你的建议是，如果你要采用它的这个插件，那么要在你的网页中将其中DIV和JS的代码完整地嵌入进去，否则你要根据JS中提取的DOM元素来对应设置你的DIV以及CSS元素。
我看了下这个插件的代码，包括了CSS+DIV+JS实现，所以说拿来就可以用的，当然你如果想把CSS和JS分离出来的话也可以。
1.提取CSS的方式：
将
.qqwid{width:142px;background-image:url(/jscss/demoimg/201011/qq_bg.gif);color:#000000;}
.qqwid a{text-decoration:none;}
.qqwid a:link{color:#000000;}
.qqwid a:visited{color:#000000;}
.qqwid a:hover{color:#FF0000;}
.qqwid a:active{color:#000000;}
.qqwid .qqnei{margin-left:5px;margin-right:5px;line-height:25px;}
.qqwid .qqnei img{margin-left:3px;margin-right:5px;vertical-align:middle;}
.qqwid td{font-size:12px;height:25px;line-height:25px;}
这些代码（<style type="text/css"></style>标签之间的代码）复制出来，新建一个css文件，可以随便命名，比如server.css，然后把以上代码复制进去。在你需要调用css的页面引入css，通过 <link rel="stylesheet" href="server.css" />的方式引入，要写在<head></head>标签之间。
2.提取JS代码
新建一个js文件，比如test.js，然后在里面写入如下代码
var lastScrollY=0;
var setup=0.02
function heartBeat(){
diffY=document.documentElement.scrollTop;
percent=setup*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("leftfu").style.top=parseInt(document.getElementById("leftfu").style.top)+percent+"px";
document.getElementById("rightfu").style.top=parseInt(document.getElementById("rightfu").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
window.setInterval("heartBeat()",1);
function divclose(name){
document.getElementById(name).style.visibility='hidden';
}
function showqqdivover(i)
{
document.getElementById("showqq"+i).style.display="block";
}
function showqqdivout(i)
{
document.getElementById("showqq"+i).style.display="none";
}
function showleftmenuover(id)
{
document.getElementById("showleftmenu_"+id).style.display="block";
}
function showleftmenuout(id)
{
document.getElementById("showleftmenu_"+id).style.display="none";
}
function showrightmenuover(id)
{
document.getElementById("showrightmenu_"+id).style.display="block";
}
function showrightmenuout(id)
{
document.getElementById("showrightmenu_"+id).style.display="none";
}
（最底部<script type="text/javascript">和</script>之间的）
然后到你想调用的页面通过<script src="test.js"></script>进行调用，要写在</body>标签之前
3.这样就能达到你想要的目的了。
纯手工制造，希望对你有帮助。如果还有不懂的我尽量帮忙，谢谢^^
我看了下这个插件的代码，包括了CSS+DIV+JS实现，所以说拿来就可以用的，当然你如果想把CSS和JS分离出来的话也可以。
1.提取CSS的方式：
将
.qqwid{width:142px;background-image:url(/jscss/demoimg/201011/qq_bg.gif);color:#000000;}
.qqwid a{text-decoration:none;}
.qqwid a:link{color:#000000;}
.qqwid a:visited{color:#000000;}
.qqwid a:hover{color:#FF0000;}
.qqwid a:active{color:#000000;}
.qqwid .qqnei{margin-left:5px;margin-right:5px;line-height:25px;}
.qqwid .qqnei img{margin-left:3px;margin-right:5px;vertical-align:middle;}
.qqwid td{font-size:12px;height:25px;line-height:25px;}
这些代码（<style type="text/css"></style>标签之间的代码）复制出来，新建一个css文件，可以随便命名，比如server.css，然后把以上代码复制进去。在你需要调用css的页面引入css，通过 <link rel="stylesheet" href="server.css" />的方式引入，要写在<head></head>标签之间。
2.提取JS代码
新建一个js文件，比如test.js，然后在里面写入如下代码
var lastScrollY=0;
var setup=0.02
function heartBeat(){
diffY=document.documentElement.scrollTop;
percent=setup*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("leftfu").style.top=parseInt(document.getElementById("leftfu").style.top)+percent+"px";
document.getElementById("rightfu").style.top=parseInt(document.getElementById("rightfu").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
window.setInterval("heartBeat()",1);
function divclose(name){
document.getElementById(name).style.visibility='hidden';
}
function showqqdivover(i)
{
document.getElementById("showqq"+i).style.display="block";
}
function showqqdivout(i)
{
document.getElementById("showqq"+i).style.display="none";
}
function showleftmenuover(id)
{
document.getElementById("showleftmenu_"+id).style.display="block";
}
function showleftmenuout(id)
{
document.getElementById("showleftmenu_"+id).style.display="none";
}
function showrightmenuover(id)
{
document.getElementById("showrightmenu_"+id).style.display="block";
}
function showrightmenuout(id)
{
document.getElementById("showrightmenu_"+id).style.display="none";
}
（最底部<script type="text/javascript">和</script>之间的）
然后到你想调用的页面通过<script src="test.js"></script>进行调用，要写在</body>标签之前
3.这样就能达到你想要的目的了。
纯手工制造，希望对你有帮助。如果还有不懂的我尽量帮忙，谢谢^^
追问
非常感谢，想知道下，js分离出来了，源代码怎么处理，我想要的的目的是，所有页面都有这个qq在线客服，而我改动只要改js就可以了。按你帮助，建好test.js后，其它的代码怎么处理？然后网页中是不是直接在前协商 就可调用了？
追答
分离的目的只是为了其他页面可以使用这个js或者css效果，而且对网页优化也有帮助。对于插件提供的其他html元素你必须要在每个页面都写入相应的东西。
他们提供的插件是一个干净的html页面，插件本身就是div元素，你只需要把这些div都放入你想加的页面就可以了，但是一定要根据自己所加页面来进行排版。如果你觉得他们的样式不好，也可以修改自己的页面样式，不过命名还有效果都要根据它提供的css和js代码来约定。
不过你要确定自己只是要这个效果还是想要学习怎么达到这个效果，这两者的区别是完全不同的，你只需要这个效果的话只要把对应的页面发过来就能给你修改，但是你自己要学习怎么达到这个效果就只能根据别人的意见自己加以推敲。我始终认同授人以鱼不如授人以渔。个人意见
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把其中的js代码拷贝出来、存为.JS的文件、在你的网页中调用、但是相应的元素是需要更改的、
追问
我拷贝出来了 存为qq.js,然后在html下增加了
没反应
追答
src=“qq.js”？？？？你开玩笑呢、其他的东西都不改能好使么、而且不同的网页里面的元素也不一样啊、你就这么拷出来、就想好使？这段代码只是个例子、你按照他得思路自己结合自己的网页进行调整、一点都不调整怎么能好使呢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把个邮箱给我，我发给你
不过，图片显示的地址你要自己修改
你要修改的图片文件夹：“/jscss/demoimg/201011/”下面是代码。
CSS你要自己设置
不过，图片显示的地址你要自己修改
你要修改的图片文件夹：“/jscss/demoimg/201011/”下面是代码。
CSS你要自己设置
更多追问追答
追问
ppbb321@163.com，如果能把js做好就好了 将非常感谢
追答
发了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
...你要什么效果。。就那个随着滚动条滚动他也滚动的效果？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
