<head>
<meta charset="utf-8" />
<title>rotate旋转</title>
<style>
#div1{border:0px solid #000width:350pxheight:250pxposition:relative}
#div1 img{width:100%height:100%position:absolutetop:0pxleft:0px-webkit-transition:-webkit-transform 1s-webkit-transform:rotateY(180deg)}
#txt{width:100%height:100%line-height:250pxtext-align:centerposition:absolutetop:0pxleft:0pxbackground-color:#000color:#fff-webkit-backface-visibility:hidden-webkit-transition:-webkit-transform 1s}
#div1:hover #txt{-webkit-transform:rotateY(180deg)}
#div1:hover img{-webkit-transform:rotateY(0deg)}
</style>
</head>
<body>
<div id="div1">
<img src='4.jpg' />
<div id="txt">超科学的电磁炮</div>
</div>
</body>
</html>
呵呵,百度使用了CSS3
在贴吧中使用代码的方法:1,复制代码;
2,粘贴代码到浏览器的地址栏后,按回车即可运行代码。
JS代码:
JS即Javascript,Javascript是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言,比如Perl,遗留的速度问题。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。
全自动盖楼方法 代码复制到地址栏javascript:var contentvar stepvar speedvar allcountvar timervar tiebafunction init(){ content=prompt("请输入回帖内容:","永远支持我们善良可爱的Yagami Hikari!")var _speed=parseInt(prompt("请输入每轮发帖间隔时间(秒):","10"))speed=(isNaN(_speed)?5:_speed)*1000var _step=parseInt(prompt("请输入每轮发几贴:","1"))step=isNaN(_step)?1:_stepvar _allcount=parseInt(prompt("请输入总共回帖次数(0为不限制):","20000"))allcount=isNaN(_allcount)?100:(_allcount==0?true:_allcount)if(!confirm("开始回帖?\n\n回帖:"+content+"\n频率:"+speed+"毫秒\n每次发帖数:"+step+"\n全部数量:"+allcount+"\n")){ return} tieba=rich_postor._getData()tieba.content=contenttimer=setInterval("reply()",speed)}function reply(){ for(var i=0i<step &&allcounti++){ PostHandler.post(rich_postor._option.url,tieba,function(I){},function(I){})typeof allcount=="number"?allcount--:''} allcount?'':clearTimeout(timer)|alert("盖楼完成")}init()void 0