js鼠标环绕效果
来源:互联网 发布:pureftpd mac 安装 编辑:程序博客网 时间:2024/04/30 23:10
<style type="text/css">
.huanrao {font-size:9pt; color=#ff0000; POSITION: absolute;}
</style>
<script language="JavaScript">
<!--
msg="欢迎大家学习JavaScript这门语言"
mousex=0
mousey=0
mspeed=Math.PI/60
mradius=70
mousems=new Array()
if(document.layers){
for(i=0;i<=msg.length;i++)
document.write("<layer name='mousetext"+i+"'>"+msg.charAt(i)+"</layer>")
}
else
for(i=0;i<=msg.length;i++)
document.write("<span id='mousetext"+i+"' class='huanrao'>"+msg.charAt(i)+"</span>")
for(i=0;i<=msg.length;i++){
mousems[i]=document.all["mousetext"+i].style
mousems[i].deg=Math.PI*2/msg.length*i}
document.onmousemove=function m(e){
if(!e)e=event
mousex=document.body.scrollLeft+e.clientX
mousey=document.body.scrollTop+e.clientY
run()}
function run(){
for(i=mousems.length-1;i>=0;i--){
mousems[i].deg+=mspeed
mousems[i].left=mousex-Math.sin(mousems[i].deg)*mradius
mousems[i].top=mousey+Math.cos(mousems[i].deg)*mradius}
}
setInterval(run,100)
//-->
</script>
- js鼠标环绕效果
- js鼠标跟随效果
- IE浏览器下的JS鼠标特效(文本跟随鼠标环绕的特效)
- 文字环绕效果
- android 环绕TextView效果
- Android文字环绕效果
- css文字环绕效果
- JS的鼠标点击效果
- JS鼠标拖拽效果
- js 鼠标移入渐变效果
- css文字环绕图片效果
- 自定义UICollectionViewLayout(原形环绕效果)
- 封装的一个JS跟随鼠标效果
- JS做的鼠标拖动翻页效果
- js 实现 鼠标拖动DIV 效果
- js控制鼠标事件效果显示
- 鼠标划过表格行变色效果JS
- JS之实现鼠标切换效果
- Linux0.01内核根目录Makefile注释
- 数据结构
- Essential GNU Linker Concepts for Embedded Systems Programmers
- windows7下telnet提示不是内部或外部命令
- 读书-思考-行动-进步 静静的思考,踏实的行动,慢慢的进步
- js鼠标环绕效果
- IOS_Sqlite
- English
- linux上使用strace查看C语言级别的php源码【一种方法】
- HTTP Operational Model and Client/Server Communication
- OPENCV2.4学习笔记——用OpenCv创建视频
- 用Ajax,jquery取时间时变成/Date(1355414400000)
- MFC 窗口自动填充 消息Onsize()
- AJAX入门详解(一)