Shaking form
2010年11月21日 - FireFore - 16 条留言 - 学习笔记 - 3,320前几天登入Wordpress后台,输错了账号密码,发现其整个表单会左右晃动,好比是人在摇头,感觉特别有意思。于是看了一下该页的源代码,剥离出其摇动的代码来,全浏览器兼容呢,贴在这里分享了。
前几天登入Wordpress后台,输错了账号密码,发现其整个表单会左右晃动,好比是人在摇头,感觉特别有意思。于是看了一下该页的源代码,剥离出其摇动的代码来,全浏览器兼容呢,贴在这里分享了。
放弃了GOOGLE的翻译,采用了JS来实现。
是因为看到GENMICHA有介绍:
http://genmicha.cn/chinese-troditional-simplified.htm
感觉不错。具体的方法以上链接的介绍有详细说明。
感谢GENMICHA
首先注明:此方法不是我发明的,因为Javascript我不是很熟。是我不知道何年何月从哪里得到的,然后我给修改了一下。放在自己搞的论坛上使用。当时是因为我有三个公益广告的banner需要随机播放才搞这个的。
目前我的代码如下:
var how_many_ads = 3; var now = new Date() var sec = now.getSeconds() var ad = sec % how_many_ads; ad +=1; if (ad==1) { url="http://passport.panda.org/index.cfm"; alt="加入WWF“熊猫护照”的行列,支持中国大熊猫保护事业!"; banner="http://www.i0595.net/images/i0595_panda.org.gif"; width="468"; height="60"; } if (ad==2) { url="http://angel.crcf.org.cn/"; alt="中国红十字基金会“救救白血病孩子!”"; banner="http://angel.crcf.org.cn/images/aixin1.gif"; width="468"; height="60"; } if (ad==3) { url="http://www.conservation.org.cn/pledge/index.htm"; alt="保护国际-绿色旅游公益活动!”"; banner="http://www.conservation.org.cn/pledge/img/Banner470X60.jpg"; width="468"; height="60"; } document.write('<a href="' + url + '" target="_blank">'); document.write('<img src="' + banner + '" width=') document.write(width + ' height=' + height + ' '); document.write('alt="' + alt + '" border=0>');
使用方法就是:
<script language="javascript" type="text/javascript" src="banner.js"></script>