lyndon.lin
- 浏览: 229378 次
- 性别:
- 来自: 深圳
-
文章分类
最新评论
-
annyliyear：
找到的ExtJS实现多选下拉框3个代码 -
yinboxian：
源码太乱了
JXTA中使用JxtaServerPipe和JxtaBiDiPipe实现双向可靠的通信 -
yinboxian：
我的peers第一次执行时可以得到正确的结果，以后就不行了。不 ...
JXTA中基于管道监听方式通信 -
cuizhenfu#gmail.com：
http://www.cnblogs.com/cuizhf
JXTA中使用JxtaServerPipe和JxtaBiDiPipe实现双向可靠的通信 -
luxing44530：
请问， jsp页面如果在 META-INF 中， 改怎么访问？ ...
Servlet3.0 新特性之模块化实践
闪烁的东西往往会吸引别人的注意。你可以用它来强调一些比较重要的内容。文本框也可以做到。
将如下javascripts代码加入紧靠</BODY>上面的位置。
<script language="JavaScript1.2">
<!--//
if (document.all&&document.all.flashit){
var flashelement=document.all.flashit
if (flashelement.length==null)
flashelement[0]=document.all.flashit
function changecolor(which){
if (flashelement[which].style.color=='')
flashelement[which].style.color="red"
else
flashelement[which].style.color=""
}
if (flashelement.length==null)
setInterval("changecolor(0)",1000)
else
for (i=0;i<flashelement.length;i++){
var tempvariable='setInterval("changecolor('+i+')",'+'1000)'
eval(tempvariable)
}
}
//-->
</script>
然后在凡是要产生闪烁效果的地方加上：id="flashit" 即可。例如：
(1):
<textarea name="textfield" cols="40" rows="8" id="flashit">
(2):
<input type="text" name="textfield" value="文本框也可以的" size="40" id="flashit">
(3):
<input type="submit" name="Submit" value="Submit" id="flashit">
分享到：
评论
21 楼
02221021
2010-03-29
帮你算了下。 按每半秒一次， 自增到超过int最大值 ， 大概要2.850223767856284e + 300年。
应该够用了吧
应该够用了吧
20 楼
happysoul
2010-03-29
汗。。。我不知道你怎么测的。。。
你测的代码是用我最开始想到的，不过你把var o = document.getElementById("f"); 也放到循环里面当然时间要长很多很多了。。。
对于你的代码，500ms可能不是一个很短的时间，如果换成了1ms的话你的自增总会有增到数字最大值的时候...？这个你能保证不发生么？
o.style.color=o.style.color=="red"?"black":"red";
这个方法算是完全利用代码本身的属性了
第一页的代码只是随手一写，完全没有考虑，所以我才有后面不断修改的精简版
最后，我的JS只算是初级自学，完全是兴趣使然，拿出来只是为了大家分享一下而已，毕竟我有自己的工作，又不是JS方面的，研究时间长了用处也不大...
LS的代码也拿走学习，会不会有溢出的危险那只能先当做问号处理了，不过如果非要用判断的话我依旧推崇用true false代替你的自增，代码的稳定和安全永远放到第一位！效率么... 我相信你把 getElements放到外面10000的数据量不会差太多的
你测的代码是用我最开始想到的，不过你把var o = document.getElementById("f"); 也放到循环里面当然时间要长很多很多了。。。
对于你的代码，500ms可能不是一个很短的时间，如果换成了1ms的话你的自增总会有增到数字最大值的时候...？这个你能保证不发生么？
o.style.color=o.style.color=="red"?"black":"red";
这个方法算是完全利用代码本身的属性了
第一页的代码只是随手一写，完全没有考虑，所以我才有后面不断修改的精简版
最后，我的JS只算是初级自学，完全是兴趣使然，拿出来只是为了大家分享一下而已，毕竟我有自己的工作，又不是JS方面的，研究时间长了用处也不大...
LS的代码也拿走学习，会不会有溢出的危险那只能先当做问号处理了，不过如果非要用判断的话我依旧推崇用true false代替你的自增，代码的稳定和安全永远放到第一位！效率么... 我相信你把 getElements放到外面10000的数据量不会差太多的
19 楼
02221021
2010-03-29
IE7下顺便给你个数据.先是你的.测试代码：
var d = new Date;
for (var i = 0; i < 10000; i++){
var o = document.getElementById("f");
o.s=(!o.s)?false:true;
o.style.color = o.s?"red":"";
o.s=(o.s)?false:true;
}
alert (new Date - d);
耗时 953ms
再是我的
var d = new Date
~function(){
var o = document.getElementById("f");
var i = 0;
var colors = ['red', ''];
for (var j = 0; j < 10000; j++){
o.style.color = colors[i++ % 2];
}
}()
alert (new Date - d);
耗时138ms.
哦, 当然, 我给页面多加了200个节点进去.
var d = new Date;
for (var i = 0; i < 10000; i++){
var o = document.getElementById("f");
o.s=(!o.s)?false:true;
o.style.color = o.s?"red":"";
o.s=(o.s)?false:true;
}
alert (new Date - d);
耗时 953ms
再是我的
var d = new Date
~function(){
var o = document.getElementById("f");
var i = 0;
var colors = ['red', ''];
for (var j = 0; j < 10000; j++){
o.style.color = colors[i++ % 2];
}
}()
alert (new Date - d);
耗时138ms.
哦, 当然, 我给页面多加了200个节点进去.
18 楼
02221021
2010-03-29
happysoul 写道
不清楚你的 i 如果不限制一直循环下去会怎样... 如果大的程序里面随处都是这个后果是会很恐怖的，尤其在游戏里面，最后绝对会内存溢出，虽然这个过程是很缓慢的
减少不必要的变量使用，虽然js不像c那样需要考虑内存的使用
按照jquery的思路再发个再度精简的代码 多个标签的可以按你的代码考虑使用document.getElementsByName
<input type="text" name="xx" value="再再精简代码" id="f">
<script>
setInterval(function(){
var o = document.getElementById("f");
o.style.color=o.style.color!="red"?"red":"black";
},500);
</script>
减少不必要的变量使用，虽然js不像c那样需要考虑内存的使用
按照jquery的思路再发个再度精简的代码 多个标签的可以按你的代码考虑使用document.getElementsByName
<input type="text" name="xx" value="再再精简代码" id="f">
<script>
setInterval(function(){
var o = document.getElementById("f");
o.style.color=o.style.color!="red"?"red":"black";
},500);
</script>
瞎扯蛋. 没听过i能自增到内存溢出. 变量也只是局部变量, 清清楚楚的. 你那样每隔半秒取一次document.getElementById和每隔半秒多余读一次它的
style.color才是效率杀手. 我估计你这种代码风格, 别说大型游戏, 写个贪食蛇都能搞死机. 随意给节点添
加自定义属性更是瞎扯. 没听过html4 strict罢了, firefox里至少也要跑跑看吧? 而且o.s=(!o.s)?
false:true; 这个三目运算真是丑晕了. !!没用过吗?
17 楼
happysoul
2010-03-29
不清楚你的 i 如果不限制一直循环下去会怎样... 如果大的程序里面随处都是这个后果是会很恐怖的，尤其在游戏里面，最后绝对会内存溢出，虽然这个过程是很缓慢的
减少不必要的变量使用，虽然js不像c那样需要考虑内存的使用
按照jquery的思路再发个再度精简的代码 多个标签的可以按你的代码考虑使用document.getElementsByName
<input type="text" name="xx" value="再再精简代码" id="f">
<script>
setInterval(function(){
var o = document.getElementById("f");
o.style.color=o.style.color!="red"?"red":"black";
},500);
</script>
减少不必要的变量使用，虽然js不像c那样需要考虑内存的使用
按照jquery的思路再发个再度精简的代码 多个标签的可以按你的代码考虑使用document.getElementsByName
<input type="text" name="xx" value="再再精简代码" id="f">
<script>
setInterval(function(){
var o = document.getElementById("f");
o.style.color=o.style.color!="red"?"red":"black";
},500);
</script>
16 楼
02221021
2010-03-29
多个一起闪烁也不难.
<input type="text" name="textfield" value="赫赫" size="40" id="f">
<input type="text" name="textfield" value="哈哈" size="40" id="f">
<input type="text" name="textfield" value="呵呵" size="40" id="f">
<script>
~function(){
var os = document.getElementsByName('textfield');
var colors = ['red', ''];
for (var i = 0, c; c = os[i++];){
~function(c){
var j = 0;
setInterval(function(){
c.style.color = colors[j++ % 2];
},500);
}(c);
}
}()
</script>
<input type="text" name="textfield" value="赫赫" size="40" id="f">
<input type="text" name="textfield" value="哈哈" size="40" id="f">
<input type="text" name="textfield" value="呵呵" size="40" id="f">
<script>
~function(){
var os = document.getElementsByName('textfield');
var colors = ['red', ''];
for (var i = 0, c; c = os[i++];){
~function(c){
var j = 0;
setInterval(function(){
c.style.color = colors[j++ % 2];
},500);
}(c);
}
}()
</script>
15 楼
02221021
2010-03-29
这个代码最少了吧.
<script>
var i = 0;
setInterval(function(){
document.getElementById("f").style.color = ['red', ''][i++ % 2];
},500);
</script>
不过还是这样写比较妥.
<input type="text" name="textfield" value="赫赫" size="40" id="f">
<script>
~function(){
var o = document.getElementById("f");
var i = 0;
var colors = ['red', ''];
setInterval(function(){
o.style.color = colors[i++ % 2];
},500);
}()
</script>
<script>
var i = 0;
setInterval(function(){
document.getElementById("f").style.color = ['red', ''][i++ % 2];
},500);
</script>
不过还是这样写比较妥.
<input type="text" name="textfield" value="赫赫" size="40" id="f">
<script>
~function(){
var o = document.getElementById("f");
var i = 0;
var colors = ['red', ''];
setInterval(function(){
o.style.color = colors[i++ % 2];
},500);
}()
</script>
14 楼
ajonjun
2010-03-29
,这不是阿亮吗？你也贴代码了啊，不简单.
13 楼
D-tune
2010-03-29
happysoul 写道
zxsoft 写道
ls,楼主的代码可以一次让多个文本框闪烁的，你的可以吗？
我对jquery的使用仅限于他包装好了 class 选择器。
多个文本闪烁。。。 不过一个简单的闪烁还要第三方插件？
难道什么都要拿别人的么？
杀鸡焉用牛刀
<input type="text" value="好吧，用jquery" size="40" class="f">
<input type="text" value="好吧，用jquery" size="40" class="f">
<script src="jquery.js"></script>
<script>
setInterval(function(){$(".f").css("color",($(".f").css("color")!="red"?"red":"black"))},1000);
</script>
ok 这样可以了吧，同样的效果，节省你一个插件
同意，很多tx貌似走上了为用而用的歧途了
轻量级的应用非得上大炮，何苦呢
12 楼
happysoul
2010-03-27
zxsoft 写道
ls,楼主的代码可以一次让多个文本框闪烁的，你的可以吗？
我对jquery的使用仅限于他包装好了 class 选择器。
多个文本闪烁。。。 不过一个简单的闪烁还要第三方插件？
难道什么都要拿别人的么？
杀鸡焉用牛刀
<input type="text" value="好吧，用jquery" size="40" class="f">
<input type="text" value="好吧，用jquery" size="40" class="f">
<script src="jquery.js"></script>
<script>
setInterval(function(){$(".f").css("color",($(".f").css("color")!="red"?"red":"black"))},1000);
</script>
ok 这样可以了吧，同样的效果，节省你一个插件
11 楼
zxsoft
2010-03-27
ls,楼主的代码可以一次让多个文本框闪烁的，你的可以吗？
其實這個功能使用裝了 http://plugins.jquery.com/files/jquery.timers-1.2.js.txt 插件(官方 http://plugins.jquery.com/project/timers )的jQuery的話，一句話就可以了
其實這個功能使用裝了 http://plugins.jquery.com/files/jquery.timers-1.2.js.txt 插件(官方 http://plugins.jquery.com/project/timers )的jQuery的話，一句話就可以了
<input type="text" class="flash" value="aaa"/>
<input type="text" class="flash" value="bbb"/>
<input type="text" class="flash" value="ccc"/>
</body>
<script language="JavaScript">
<!--//
var list=$(".flash").everyTime(1000,function(){$(this).css('color',$(this).css('color')=='red'?'black':'red');});;
//-->
</script>
10 楼
happysoul
2010-03-27
避免有人直接复制上面不看备注大喊有问题重新发个精简的
<input type="text" name="textfield" value="再精简代码" size="40" id="f">
<script>
setInterval(function(){
var o = document.getElementById("f");
o.s=(!o.s)?false:true;
o.style.color=o.s?"red":"";
o.s=(o.s)?false:true;
},500);
</script>
<input type="text" name="textfield" value="再精简代码" size="40" id="f">
<script>
setInterval(function(){
var o = document.getElementById("f");
o.s=(!o.s)?false:true;
o.style.color=o.s?"red":"";
o.s=(o.s)?false:true;
},500);
</script>
9 楼
lyndon.lin
2010-03-27
真的比我的简单多啦，多谢共享。你这段代码在所有浏览器都测试过吗？
8 楼
happysoul
2010-03-27
不懂楼主这么简单的东西非要弄得这么麻烦。。。
<input type="text" name="textfield" value="一个简单的ID有那么麻烦么？" size="40" id="flash">
<script>
function $(id){return document.getElementById(id)}
function c(){
var o = $("flash");
o.s=(!o.s)?false:true;
//我编写的时候这里只有一个 o 不知道为什么提交的时候出现了两个 o ，javaeye 改 bug
o.style.color=o.s?"red":"";
o.s=(o.s)?false:true;
}
var a = setInterval(c,500);
</script>
7 楼
xuanye
2010-03-27
一个页面里面包含重复的ID是不合适的，用class要好多
6 楼
wing5jface
2010-03-27
改成document.getElementById后chrome下测试通过,的确起到引人注目的输入框的效果
在线效果可看 hy2999.com 首页右上角搜索输入框
通过id直接操作style，应该也很正常吧，
注:那个站的整体网页不好看，不要批我
(刚玩PHP一天，直接改代码从原PHP连接2000至sqlserver 2005的,也包括配置php,不像java那样直接改class.forName就可以了，还要改很多mssql至sqlserver2005函数名及rewrite的配置，达到从PHP到HTML的静态效果)
在线效果可看 hy2999.com 首页右上角搜索输入框
通过id直接操作style，应该也很正常吧，
注:那个站的整体网页不好看，不要批我
(刚玩PHP一天，直接改代码从原PHP连接2000至sqlserver 2005的,也包括配置php,不像java那样直接改class.forName就可以了，还要改很多mssql至sqlserver2005函数名及rewrite的配置，达到从PHP到HTML的静态效果)
5 楼
lyndon.lin
2010-03-27
多谢两位的建议，回去我去试试。
4 楼
chw8219
2010-03-27
我测试了下怎么一点效果都没有？
3 楼
moyue
2010-03-27
document.all
这个是ie特有的，不是标准写法，在标准浏览器中是有问题的，可以写成document.getElementById.
另外楼上建议的对，id换成class更好，id不太合适
这个是ie特有的，不是标准写法，在标准浏览器中是有问题的，可以写成document.getElementById.
另外楼上建议的对，id换成class更好，id不太合适
2 楼
hengheng
2010-03-26
"然后在凡是要产生闪烁效果的地方加上：id="flash it" 即可。"
换成.凡是要产生闪烁效果的地方加上 class="blink" 比较好
很奇怪楼主怎么发出来的....f l a s h i t ..提交的时候提示我不允许包含 s h i t 这个词
换成.凡是要产生闪烁效果的地方加上 class="blink" 比较好
很奇怪楼主怎么发出来的....f l a s h i t ..提交的时候提示我不允许包含 s h i t 这个词
发表评论
-
Jquery Flot 使用
2013-11-13 17:39 1649调用plot函数的方法如下： var plot = $.pl ... -
dddddddd
2013-08-02 16:43 0http://www.cnblogs.com/cheny ... -
Other311
2013-03-12 15:44 0String[ ... -
KaochangActivity38
2013-03-08 17:35 0package com.yulele;import java. ... -
other38
2013-03-08 17:31 0//1、先压缩Database.db ... -
LianxiActivity37
2013-03-07 17:31 0@Override public voi ... -
other371
2013-03-07 17:30 0<string name="btn_r ... -
other37
2013-03-07 17:29 0<service id="commonserv ... -
阿萨德法师
2013-03-05 21:14 0软件设计及项目管理经理个人工作总结 2012年8月30日我入 ... -
vvvvvv
2013-03-05 21:12 01、分享第一条经验： ... -
dsafasdfasdf
2013-03-05 21:11 0科技公司软件工程师年终总结： 3月2日，我有幸成为科技发展 ... -
LianxiActivity 35
2013-03-05 17:31 0package com.yulele;import java. ... -
other35
2013-03-05 15:24 0<service android:nam ... -
DecryptionZipUtil 35
2013-03-05 14:20 0import java.io.File;import java ... -
LianxiActivity 34
2013-03-04 17:31 0package com.yulele;import java. ... -
other34
2013-03-04 17:31 0package com.yulele.listener;pu ... -
LianxiActivity 301
2013-03-01 17:44 0package com.yulele;import java. ... -
other301
2013-03-01 17:43 0<color name="lianxi_red ... -
LianxiActivity 28
2013-02-28 21:12 0package com.yulele;import java. ... -
exercises_item_view.xml28
2013-02-28 21:12 0<?xml version="1.0&quo ...
相关推荐
一个Mootools插件，可基于一组无线电输入框创建一个不引人注目的星级评分控件。 基于Diego Alto的jQuery Star Rating插件。 如何使用 JS示例： #JS // Basic usage, give only form name or ID var basicRating = ...
引人注目钻井技术.doc
100条引人注目的微信标题.doc
引人注目的近义词是什么及造句.doc
制作ppt引人注目的PPT的一些细节 - 扑奔PPT网
2016年高考语文作文经典开头15法让你的作文引人注目素材
此提示可帮助客户以清晰且引人注目的方式了解您的产品或服务的功能和优势。 Ignore all previous instructions. You are an expert in product marketing and sales specializing in educating potential customers ...
是一套可以制作引人注目的网页、商品展示、娱乐性与教育性光盘、企业简报等多媒体产品
Aurora 3D Animation Maker 2020是一个功能强大但易于使用的应用程序，允许您创建美丽和引人注目的3D动画，将您的文本或标识转换为原创和专业的创作。 这是一个功能齐全的工具，它提供了一个全面的环境和一套完整的...
电商行业“双十一”专题报告：成交额增速符合预期，四大边际亮点引人注目.pdf
这个提示符可以帮助你创建一篇博文，告诉一个引人注目的故事，讲述你的产品或服务如何以一种相关且吸引人的方式帮助目标受众实现目标。 Ignore all previous instructions. You are an expert in content creation ...
电商行业“双十一”专题报告：成交额增速符合预期，四大边际亮点引人注目-1112-东兴证券-15页.pdf
解压密码：123 Nero CoverDesigner是一个屡获殊荣的应用程序，它允许您为您的dvd, cd和蓝光光盘创建引人注目的镶嵌，小册子和光盘标签。 它是一个功能强大且全面的应用程序，提供了广泛的模板集合，支持创建各种各样...
我们证明，在扰动理论中，λϕ4-理论中零点能量在Minkowski时空上的非零重新归一化值与标量场方程处于二环级之间。
JP 摩根-美股-保险行业-Q2寿险行业展望：利率下降和本年迄今强劲的表现使寿险股不那么引人注目-71-113页.pdf
21世纪人才最珍贵的就是能力素质，我们为你提供了最实用小展位参展如何引人注目，欢迎大家下载小展位参展...该文档为小展位参展如何引人注目，是一份很不错的参考资料，具有较高参考价值，感兴趣的可以下载看看
WordPress主题和插件-Beaver Builder Pro是著名的WordPress的页面生成器之一。使用拖放界面轻松创建专业...Beaver Builder最引人注目的特性是页面模板系统。这允许你在几秒钟内创建不同的页面，只需选择一个页面模板。
多叠氮化物引人注目 (2004年)
看完这篇文章之后，你也许会意识到，你在各种应用里看到的所有动效，其中有80%可能是不恰当的，或是根本没必要存在的...经验告诉我，各类界面中的动效大体可以分为两类：引人注目的动效潜移默化的动效你用Facebook吗?当
MakerAds 给制造商的广告不引人注目整合到您的网站 < iframe style =" border:0;width:320px;height:144px; " src =" https://makerads.xyz/ad "/>添加您的产品您可以使用将广告提交以供审核。本地设置克隆...