闪烁效果

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

打赏
举报

yushinet 2004-10-21

打赏
举报

难道很少人用behavior.htc 吗 ?? 怎么没人回答

viznet 2004-10-21

打赏
举报

yushinet 2004-10-21

打赏
举报

有分没人要

viznet 2004-10-20

打赏
举报

qiyao 2004-10-20

打赏
举报

＜－－－－－－－－－－－－－－高手看过来！能不能搞定这个？
http://community.csdn.net/Expert/topic/3472/3472337.xml?temp=.1701624

yushinet 2004-10-20

打赏
举报

yushinet 2004-10-19

打赏
举报

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>