模拟Flash放大镜的动态JS效果

转载 2006年06月22日 15:25:00
无意看到一个FLASH,就是一个类似放大镜逐个浏览文字的效果,于是便想用js表示出来,比较简单,但是效果不是很好,好像有些BUG!继续努力中。。。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  
<head>
  
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
  
<meta name="generator" content="PSPad editor, www.pspad.com">
  
<title></title>
  
<style type="text/css">
  html,body
{font-size:26px;letter-spacing:4px;font-family:'Arial black'}
  
</style>
  
<script type="text/javascript">
  
var str1="Tianfeng Fine Chemicals Co.Ltd"
  
var i=0;
  
function animate(){
    i
++;
    
var s1=document.getElementById("s1");
    
var len_s=str1.length;
    
if(i>len_s-3){i=0}
    str2
=str1.substring(0,i)+"<span style='font-size:30px;position:relative'>"+str1.substr(i,1)+"</span>"+"<span style='font-size:34px;position:relative'>"+str1.substr(i+1,1)+"</span>"+"<span style='font-size:30px;position:relative'>"+str1.substr(i+2,1)+"</span>"+str1.substring(i+3,len_s);
    s1.innerHTML
=str2;
    setTimeout(
"animate()",100);
  }
  
</script>
  
</head>
  
<body onload="animate()">
  
<div id="s1" ></div>
  
</body>
</html>

Ext界面做图片动态加载的图片放大镜效果并解决JS内存泄漏问题

NOTICE:你能看懂全文的话,你就会做了,是真正的会,不是拿来主义!to be continue……  目的:做个仿照淘宝的图片放大镜!图片是根据选择的记录动态加载的,而不是单纯静态图放大镜效果! ...

js模拟群聊场景-聊天信息动态出现效果

制作H5页面,有时候会有个聊天场景这样的效果,对话聊天信息不断的有序弹出。 步骤: 1.先弄出个具有全部聊天信息记录的静态页面; 2.保留最外边的大框架,我这里是div标签,其余聊天记录先注释; 3....

JQUERY实现鼠标悬停在图片上模拟放大镜效果

JQUERY实现鼠标悬停在图片上模拟放大镜效果

flash 实例欣赏放大镜效果

  • 2008年12月01日 12:08
  • 65KB
  • 下载

模拟图片放大镜效果

  • 2017年05月19日 08:47
  • 22KB
  • 下载

【转载】JS实现淘宝 放大镜效果

如今越来越多的人喜欢网上购物,在“淘宝”“天猫”上都可以买的非常漂漂的衣服和鞋子等,但是如果网站上展示的图片太小的话,就很难满足卖家想要了解宝贝的细节需求,作为开发人员网站的用户体验是第一位的,为了让...

模拟放大镜效果 jquery

  • 2012年08月21日 17:55
  • 107KB
  • 下载

使用js实现放大镜的效果

效果展示: js文件: window.onload = function() {     var floatBox = document.getElementById("floatB...

H5+css+js的商品放大镜效果

js实现放大镜效果

本文在网上找的,为方便学习可随意转载,不必注明作者! 放大镜 img { vertical-align: bottom; } .mod_zoom { o...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:模拟Flash放大镜的动态JS效果
举报原因:
原因补充:

(最多只允许输入30个字)