如何把css代码写入js文件
我做网页需要一个js特效，一下是代码：<html><head><title>页面特效--屏幕式左右拉开</title><styletype="text/css">A:li...
我做网页需要一个js特效，一下是代码：
<html>
<head>
<title>页面特效--屏幕式左右拉开</title>
<style type="text/css">
A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:#9999ff;
background-color:#9999ff;
border:0.1px solid red
}
</style>
</head>
<body bgcolor="#cc99cc">
<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<script language="JavaScript">
var speed=20 //改变拉开速度，数值大速度快。
var temp=new Array();
var temp2=new Array();
//如果浏览器是Netscape的情况
if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip");
temp2[i]=eval("document.i"+i);
temp[i].width=window.innerWidth/2;
temp[i].height=window.innerHeight;
temp2[i].left=(i-1)*temp[i].width;
}
}
//是IE浏览器的情况
else if (document.all){
var clipright=document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
//定义div的区域，高度、宽度和X坐标
temp[i]=eval("document.all.i"+i+".style");
temp[i].width=document.body.clientWidth/2;
temp[i].height=document.body.offsetHeight;
temp[i].left=(i-1)*parseInt(temp[i].width);
}
}
//拉开页面的主要方法
function openWindow(){
window.scrollTo(0,0); //定位窗体
//Netscape浏览器
if (document.layers){
temp[1].right-=speed;
temp[2].left+=speed;
if (temp[2].left>window.innerWidth/2)
clearInterval(stopWindow);
}
//IE浏览器
else if (document.all){
//通过rect剪裁，实现拉开效果
clipright-=speed;
temp[1].clip="rect(0 "+clipright+" auto 0)";
clipleft+=speed;
temp[2].clip="rect(0 auto auto "+clipleft+")";
if (clipright<=0)
clearInterval(stopWindow); //清除定时器
}
}
function init(){
stopWindow=setInterval("openWindow()",100) //循环执行打开窗口的操作
}
init();
</script>
</body>
</html>
请问把这段html的JavaScript代码，css和“<div id="i1" class="intro"></div><div id="i2" class="intro"></div>”这句话写到同一个js文件中？ 展开
<html>
<head>
<title>页面特效--屏幕式左右拉开</title>
<style type="text/css">
A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:#9999ff;
background-color:#9999ff;
border:0.1px solid red
}
</style>
</head>
<body bgcolor="#cc99cc">
<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<script language="JavaScript">
var speed=20 //改变拉开速度，数值大速度快。
var temp=new Array();
var temp2=new Array();
//如果浏览器是Netscape的情况
if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip");
temp2[i]=eval("document.i"+i);
temp[i].width=window.innerWidth/2;
temp[i].height=window.innerHeight;
temp2[i].left=(i-1)*temp[i].width;
}
}
//是IE浏览器的情况
else if (document.all){
var clipright=document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
//定义div的区域，高度、宽度和X坐标
temp[i]=eval("document.all.i"+i+".style");
temp[i].width=document.body.clientWidth/2;
temp[i].height=document.body.offsetHeight;
temp[i].left=(i-1)*parseInt(temp[i].width);
}
}
//拉开页面的主要方法
function openWindow(){
window.scrollTo(0,0); //定位窗体
//Netscape浏览器
if (document.layers){
temp[1].right-=speed;
temp[2].left+=speed;
if (temp[2].left>window.innerWidth/2)
clearInterval(stopWindow);
}
//IE浏览器
else if (document.all){
//通过rect剪裁，实现拉开效果
clipright-=speed;
temp[1].clip="rect(0 "+clipright+" auto 0)";
clipleft+=speed;
temp[2].clip="rect(0 auto auto "+clipleft+")";
if (clipright<=0)
clearInterval(stopWindow); //清除定时器
}
}
function init(){
stopWindow=setInterval("openWindow()",100) //循环执行打开窗口的操作
}
init();
</script>
</body>
</html>
请问把这段html的JavaScript代码，css和“<div id="i1" class="intro"></div><div id="i2" class="intro"></div>”这句话写到同一个js文件中？ 展开
2个回答
展开全部
把<style type="text/css"></style>里的CSS样式放入一个文件里，JavaScript里的内容放入另外一个JS文件里，然后在<head></head>中调入这两个文件
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
