js图片特效 动态图片制作

视频加载…

效果像视频。完整的源代码如下。保存为html就可以使用了。

& lt！DOCTYPE html & gt& lthtml lang = & # 34恩& # 34；& gt& lthead & gt& ltmeta charset = & # 34UTF-8 & # 34；& gt& lttitle & gt& lt/title & gt；& ltstyle type = & # 34text/CSS & # 34；& gtdiv { font-family:& # 34；楷书& # 34；；/* Set font */margin:10px auto；/*设置外边距*/padding:30px；/*设置内边距*/font-size:36px；/*设置文字大小*/宽度:800px高度:600px/*边框:1px纯色# CCCCCC；/*设置元素的边框*/* box-shadow:3px 3px 6px # 999999；/*设置边框阴影*/书写方式:垂直-rl；/*设置为从右向左垂直显示*/} </style & gt；& lt/head & gt；& ltbody onclick = & # 34show()；"& gt& ltdiv & gt& ltp id = & # 34内容来源& # 34；style = & # 34显示:无；"& gt内丹周天的技术要领。吕祖说:在星期天，不是精神是主宰，而是心灵是最好的魔术。无心守，无心走。我身上的气，四肢都是，本来就是连在一起的，不要太用力。在这个练习中，你可以认识上帝，摆脱妄想，然后医学就诞生了。药是无形的，这个性质就是光。而就是先天真气，却要在大定后方见之，没有办法采纳，言之大大可笑。我看了许久，心中一亮，自然之心空漏了出来，把我从尘海中解脱出来。如果今天的龙虎，明天的水火，终将成为妄想。以前真龙告诉我。& lt/p & gt；& ltp id = & # 34内容_目标& # 34；& gt& lt/p & gt；& lt/div & gt；& lt脚本& gtvar content = document . getelementbyid(& # 34；内容来源& # 34；).innerHTMLfor(I = 0；我& lt内容.长度；i++){ document . getelementbyid(& # 34；内容_目标& # 34；).innerHTML+= & # 34；& ltspan style = & # 39填充:3px显示:无& # 39；id = & # 39c & # 34+I+& # 34；'& gt"+content[I]+& # 34；& lt/span&gt。"；if(内容[i]。charCodeAt()& lt；= 10){ document . getelementbyid(& # 34；内容_目标& # 34；).innerHTML+= & # 34；& ltbr & gt"}}var指数= 0；函数show(delay，call _ back){ var c _ x = document . getelementbyid(& # 34；c & # 34+索引)；index++；if(c _ x){ c _ x . style . display = & # 34；"；c _ x . style . color = & # 34；# ff0000 & # 34；c _ x . style . font size = & # 34；60px & # 34；setTimeout(show，400)；} var pre _ c _ x = document . getelementbyid(& # 34；c & # 34+(索引-2))；if(pre _ c _ x){ pre _ c _ x . style . color = & # 34；#000000"；pre _ c _ x . style . font size = & # 34；36px & # 34；} } & lt/script & gt；& lt/body & gt；& lt/html & gt；如果想加密JS代码，防止别人知道实现逻辑，可以使用JShaman平台的JS加密服务。

J萨满:J萨满-JS加密，JS混淆-专业的JaScript代码保护服务提供商。

使用下图所示的配置:

注意:选择所有加密的项目，包括加密的全局函数。因为全局函数show是在外部html中调用的，所以show被设置为保留字。

加密代码效果:

代码被部分放大。这个代码是不是有点艺术性？