首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>网站制作>网页特效>Javascript和css实现的边框闪烁的文本框特效
Javascript和css实现的边框闪烁的文本框特效
来源: 发布时间:2008-08-04 发布人: 浏览: 人次   字体: [ ]  

       本文采用Javascript和css实现的一个小特效:闪烁的文本框,这个特效很实用的呀,想想看,如果你想让用户输入一些重要的信息内容,要引起他们的注意,这个小功能会派上用场的,来看看以下代码吧:
       <html> 
<head> 
<style>
.color1{
    border:1px solid red;
}
.color2{
    border:1px solid blue;
}
</style>
<script type="text/javascript"> 
function blinklink() 

    var o = document.getElementById('blink');

if (o.className == 'color1'){
    o.className = 'color2'
}else{
    o.className = 'color1'
    }

timer=setTimeout("blinklink()",100) 

function stoptimer() 

clearTimeout(timer) 

window.setTimeout("stoptimer()",1000);
</script> 
</head> 
<body onload="blinklink()" > 
<INPUT TYPE="text" id="blink" class='color1'>

</body> 
</html>


相 关 文 章   发布商链接
·js实现的文字无缝向上滚动的效果
·让网页自动记住用户滚动条的位置第二...
·CSS实现的一个网站首页导航栏,带有...
·js+div实现的windows系统菜单代码
·如何制作出博客地图,附详细的代码说...
·如何实现鼠标放在表格的行上时改变颜...
·如何在网页中显示版权字符使之更美观...
·让网站具备翻译功能系列之一自动翻译...
·让网站具备翻译功能系列之二实现在线...
·让网站具备翻译功能系列之三 添加英...
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·鼠标移到链接出现漂亮的对话...
·当左右内容高度不定时,中间...
·利用CSS样式控制打印页面显示
·CSS样式实现文字分散对齐的方
·CSS实现多种多彩文字链接代码
·解决长串英文字母将表格伸的...
·CSS模拟windows菜单选项卡效...
·样式表固定table表头和列代码
·DIV+CSS两个简单的导航效果,...
·Css样式表实现文字的渐变效果
·动态添加表单两法
·无刷新更换页面样式例子供大...
·网页CSS样式表学习技巧小记,
·淘宝在线状态和qq在线状态的...
·仿windows关机对话框的提示框
热 门 文 章
·淘宝在线状态和qq在线状态的...
·图片左右滚动代码,鼠标放上去...
·css固定定位实现悬浮效果
·样式表固定table表头和列代码
·js实现的文字无缝向上滚动的...
·js实现复制内容到剪贴板,可...
·CSS模拟windows菜单选项卡效...
·CSS样式实现文字分散对齐的方...
·教您实现Div的动态伸缩效果 ...
·通过CSS来动态改变界面样式实...
·实例解决Div被Select挡住问题...
·实例讲解利用css滤镜实现背景...
·DIV+CSS两个简单的导航效果,...
·仿windows关机对话框的提示框...
·网页开发特效之input控件高度...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .