打字效果- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 打字效果

技术文章搜索

关键字

Javascript 中的打字效果

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 101 ::

收藏到网摘: n/a

解决 FireFox 下[使用event很麻烦] 的问题. 简单的防盗链功能代码(iframe)

点击运行可以看到效果:

<style>
h3{COLOR: #ffffff; FILTER: glow(color=ef09da,strength=1) dropshadow(color=#00ff00,offx=1, offy=1, positive=2);width:600;text-indent: 2em}
</style>
<body>
<script language=javascript>
var layers =document.layers,style=document.all,both=layers||style,idme=908601;
if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef =
'.style';}
function writeOnText(obj,str){
if(layers)with(document[obj]){ document.open();document.write(str);document.close();}
if(style)eval(obj+'.innerHTML=str'); }
var dispStr=new Array("<h3>天汉是对汉中的美称，汉中市位于陕西省西南部,北依秦岭,南靠巴山，汉江横贯其中，辖汉台、南郑、城固、洋县、西乡、勉县、宁强、略阳、镇巴、留坝、佛坪11个县区，面积2．7万平方公里，人口363．96万人，耕地396万亩，素有西北“小江南”和秦巴“聚宝盆”之美誉。</h3><h3>汉中曾经是商朝的方国，秦国时的汉中郡，此后又是刘邦西汉王朝的发祥地，蜀汉丞相诸葛亮北伐的军事要地，杰出的政治、军事人物张良、韩信、萧何、张鲁、诸葛亮、吴玠、吴璘等都在汉中留下足迹。汉中也酝育了伟大的外交家张骞，孕育了刚直雄烈的诤臣李固和造纸术的发明者蔡伦。诗人李白、杜甫、陆游也在秦巴山区之间吟唱出彪炳文学史的瑰丽诗章。</h3><h3>悠久而丰富的历史为汉中留下了诸多名胜古迹：被誉为世界交通史，文化史上“奇迹”与“瑰宝”的褒斜栈道，石门及其摩崖石刻，汉刘邦的拜将台及其为汉王时的宫殿遗址古汉台，还有众多的历史名人墓地，祠堂。胜迹历历，史册煌煌，汉中市一九九四年被国务院命为全国历史文化名城。</h3><h3>汉中土地肥沃，气候湿润，盛产水稻，小麦，玉米，薯类及油菜，水果，茶叶，为陕西农业高产区。野生植物3000余种,中药材1300余种,被誉为“天然药库”。动物种类繁多，其中大熊猫、金丝猴，朱鹮、羚牛等珍稀保护动物40余种。</h3><h3>汉中是国家批准的开放区，是陕南新兴的经贸旅游中心。宝成、阳安、襄渝三铁路经过境内,民航班机往返西安,公路四通八达,是陕西开发潜力较大的地区之一。汉中自然条件和人文地理与关中差异较大，古代建筑具有南北兼备的风格，民居多样，生活习俗颇具江南风采。在这里端午节赛龙舟，在陕北和关中是看不到的，饮食习俗也与四川接近，巴山的锣鼓草、汉中的瑞公戏、西乡的刺绣挑花都具有浓厚的乡土气息。洋县的黑米和香米，古为贡米，如今行销国内外，成为普通百姓的大众食品。</h3>");
var overMe=0;
function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){
var tmp0=tmp1= '',skip=100;
if (both && idx<=str.length) {
if (str.charAt(idx)=='<'){ while(str.charAt(idx)!='>') idx++;idx++;}
if (str.charAt(idx)=='&'&&str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;}
tmp0 = str.slice(0,idx);
tmp1 = str.charAt(idx++);
if (overMe==0 && plysnd==1){
if (navigator.plugins[0]){
if(navigator.plugins["LiveAudio"][0].type=="audio/basic" && navigator.javaEnabled()){document.embeds
[0].stop();
setTimeout("document.embeds[0].play(false)",100);}
} else if (document.all){
ding.Stop();
setTimeout("ding.Run()",100);}
overMe=1;}else overMe=0;
writeOnText(idObj, "<span class="+spObj+"><font color='"+clr1+"'>"+tmp0+"</font><font color='"+clr2
+"'>"+tmp1+"</font></span>");
setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}}
function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', '#0000ff', '#cccccc', 100, 0);}
</script>
<BODY onload=init()>
<DIV class=ttl1 id=ttl0></DIV>
</BODY>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

解决 FireFox 下[使用event很麻烦] 的问题. 简单的防盗链功能代码(iframe)

评论 (0) All