闪烁效果

yushinet 2004-10-19 09:44:20
下面是通过用behavior实现当输入框得到焦点时背景变色,我想做一个当输入框得到焦点时输入框边框border,两种颜色转换六次,也就是做到闪烁效果,请指教...


<input class="TextBox" type=text >

.TextBox
{
BEHAVIOR: url(/Behaviors/Input.htc);
font-size: 9pt;
border: 1px solid navy;
}

input.htc :

function elementOnFocus() {
var el = window.event.srcElement ;
el.style.background="#ccffff";
actionFocus();
}

function elementOnBlur() {
var el = window.event.srcElement ;
el.style.background="#ffffff";
}
...全文
222 15 打赏 收藏 举报
写回复
15 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
viznet 2004-11-02
  • 打赏
  • 举报
回复

下面的应该可以,主要是 document.all(\""+element.uniqueID+"\").actionFocus ,注意定义actionFocus 方法:

<PUBLIC:method name="actionFocus" />


<script language="jscript">
var actionFocusCount;
actionFocusCount=6;

function initElement() {

}


function elementOnFocus() {
var el = window.event.srcElement ;
el.style.background="#ccffff";
actionFocus();
}

function elementOnBlur() {
var el = window.event.srcElement ;
el.style.background="#ffffff";
}

function actionFocus()
{
if(actionFocusCount%2==1)
element.style.border="1px solid blue";
else
element.style.border="1px solid #ffffff";
actionFocusCount=actionFocusCount-1;
if(actionFocusCount>0)
window.setTimeout("document.all(\""+element.uniqueID+"\").actionFocus()",100)
else
actionFocusCount=6

}
yushinet 2004-10-21
  • 打赏
  • 举报
回复
up
yushinet 2004-10-21
  • 打赏
  • 举报
回复
难道很少人用behavior.htc 吗 ?? 怎么没人回答
viznet 2004-10-21
  • 打赏
  • 举报
回复
up
yushinet 2004-10-21
  • 打赏
  • 举报
回复
有分没人要
viznet 2004-10-20
  • 打赏
  • 举报
回复
gz
qiyao 2004-10-20
  • 打赏
  • 举报
回复
<--------------高手看过来! 能不能搞定这个?
http://community.csdn.net/Expert/topic/3472/3472337.xml?temp=.1701624
yushinet 2004-10-20
  • 打赏
  • 举报
回复
up
yushinet 2004-10-19
  • 打赏
  • 举报
回复
up
yushinet 2004-10-19
  • 打赏
  • 举报
回复
settimeout()会出现问题
yushinet 2004-10-19
  • 打赏
  • 举报
回复
可以具体点吗,实现了吗?
patchclass 2004-10-19
  • 打赏
  • 举报
回复
function elementOnFocus() {
var el = window.event.srcElement ;
el.style.background="#ccffff";
actionFocus();
}
函数里面用settimeout()控制时间来变化颜色啊
yushinet 2004-10-19
  • 打赏
  • 举报
回复
如果用behavoir的话这句会出错 obj.style.borderColor="#FFFFFF";
找不到obj.
cloudside 2004-10-19
  • 打赏
  • 举报
回复
settimeout可以吧
<html>
<body >
<input class="TextBox" id="txt" type=text onfocus="elementOnFocus()" >

<script language="javascript">
var tmp = 0;
var obj = document.getElementById("txt");
function elementOnFocus() {
var el = window.event.srcElement ;
el.style.borderColor="#000000";
for(var i=0;i<6;i++){
setTimeout( "actionFocus()", i*1000 );
}
}

function actionFocus( ) {
if(tmp==0){
obj.style.borderColor="#FFFFFF";
tmp=1;
}else{
obj.style.borderColor="#000000";
tmp=0;
}
}
</script>
</body>
</html>
JamDnet 2004-10-19
  • 打赏
  • 举报
回复
gz
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2004-10-19 09:44
社区公告
暂无公告