鼠标周围出现一环黄色透明提示圈是如何实现的?
http://www.enet.com.cn/eschool/zhuanti/painter/在这个网页里的视频教学里面,鼠标指针周围出现的一个黄色提示圈是如何实现的?请...
http://www.enet.com.cn/eschool/zhuanti/painter/
在这个网页里的视频教学里面,鼠标指针周围出现的一个黄色提示圈是如何实现的?请帮忙解答一下,谢谢
希望回答前能先看看那个连接.应该是个应用软件来的,不是网页中的特效 展开
在这个网页里的视频教学里面,鼠标指针周围出现的一个黄色提示圈是如何实现的?请帮忙解答一下,谢谢
希望回答前能先看看那个连接.应该是个应用软件来的,不是网页中的特效 展开
3个回答
展开全部
下面就是鼠标周围文字效果的代码,直接粘贴在主模板里面就可以了!
建议粘贴在blog主模板源码的顶端或者最后面。
温馨提示:在修改模板前不要忘记备份您的模板!
<SCRIPT language=JavaScript>
if (document.all) {
yourLogo = "『在生活』-今天你在生活了么? ";
logoFont = "宋体";
logoColor = "#FE6EB4";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
</SCRIPT>
建议粘贴在blog主模板源码的顶端或者最后面。
温馨提示:在修改模板前不要忘记备份您的模板!
<SCRIPT language=JavaScript>
if (document.all) {
yourLogo = "『在生活』-今天你在生活了么? ";
logoFont = "宋体";
logoColor = "#FE6EB4";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
</SCRIPT>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
插入鼠标代码就行了!
代码可以在网上搜!
代码可以在网上搜!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询