想透过js语句来达到控件边框颜色闪烁
日期：2014-05-16 浏览次数：20508 次
想通过js语句来达到控件边框颜色闪烁
<style type="text/css">
span{
text-align:right;
font-size:24px;
font-family:"宋体";
background-color:#00CC99;
}
p{
text-align:center;
}
input{
margin-right:0.5em;
}
.but{
width:50px;
height:30px;
}
.txt{
width:120px;
height:30px;
line-height:30px;
border:10px solid green;
}
</style>
</head>
<body>
<div>
<p><span>学生选课系统</span></p>
<p>
<input type="button" value="姓名：" class="but"/>
<input type="text" class="txt" />
</p>
<p>
<input type="button" value="学号：" class="but"/>
<input type="text" class="txt" id="wo"/>
</p>
</div>
<script language="javascript">
/*var i=0;
var color=new Array("#0000FF","#99FF00","#660033","#CC66CC");
function PP()
{
if(i>color.length-1)
{
i=0;
}
.txt.border-color=color[i];
setTimeout("PP()",100);
}
PP();*/
<!--
function fl(){
if(!document.all)
{
return
if(wo.style.borderColor=="green")
wo.style.borderColor="red";
else
wo.style.borderColor="green";
}
}
setInterval("fl()",500);
//-->
</script>
------解决方案--------------------
<script language="JavaScript1.2">
<!--
function flashit(){
if (!document.all)
return
if (myexample.style.borderColor=="green")
myexample.style.borderColor="red"
else
myexample.style.borderColor="green"
}
setInterval("flashit()", 500)
//-->
</script>
你这个代码
这里if后面没有大括号哦，if (!document.all)只对return有效，就是如果不是IE下，直接return了，只有IE能看到效果，当判断后执行的代码只有一行是可以省略{}的，但是你代码里if (!document.all)后面跟了个大括号。
运行顺序，就是从上到下，碰到什么显示什么，碰到JS就编译执行，碰到CSS,HTML就渲染页面。
<style type="text/css">
span{
text-align:right;
font-size:24px;
font-family:"宋体";
background-color:#00CC99;
}
p{
text-align:center;
}
input{
margin-right:0.5em;
}
.but{
width:50px;
height:30px;
}
.txt{
width:120px;
height:30px;
line-height:30px;
border:10px solid green;
}
</style>
</head>
<body>
<div>
<p><span>学生选课系统</span></p>
<p>
<input type="button" value="姓名：" class="but"/>
<input type="text" class="txt" />
</p>
<p>
<input type="button" value="学号：" class="but"/>
<input type="text" class="txt" id="wo"/>
</p>
</div>
<script language="javascript">
/*var i=0;
var color=new Array("#0000FF","#99FF00","#660033","#CC66CC");
function PP()
{
if(i>color.length-1)
{
i=0;
}
.txt.border-color=color[i];
setTimeout("PP()",100);
}
PP();*/
<!--
function fl(){
if(!document.all)
{
return
if(wo.style.borderColor=="green")
wo.style.borderColor="red";
else
wo.style.borderColor="green";
}
}
setInterval("fl()",500);
//-->
</script>
------解决方案--------------------
<script language="JavaScript1.2">
<!--
function flashit(){
if (!document.all)
return
if (myexample.style.borderColor=="green")
myexample.style.borderColor="red"
else
myexample.style.borderColor="green"
}
setInterval("flashit()", 500)
//-->
</script>
你这个代码
if (!document.all)
return
这里if后面没有大括号哦，if (!document.all)只对return有效，就是如果不是IE下，直接return了，只有IE能看到效果，当判断后执行的代码只有一行是可以省略{}的，但是你代码里if (!document.all)后面跟了个大括号。
运行顺序，就是从上到下，碰到什么显示什么，碰到JS就编译执行，碰到CSS,HTML就渲染页面。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
