html的<li>里的文字位置向上移动一定的像素,求代码

html的<li>里的文字位置向上移动一定的像素,求代码,第1张

代码如下:

<&#47script>

$(function () {

$("ul li").hover(function () {

$("ul li").removeClass("liclass")

$(this).addClass("liclass")

})

})

<&#47script>

li

{

border: 1px solid #ABC

display: block

width: 100px

height: 50px

float: left

margin: 10px

text-align: center

}

.liclass{ margin-top:-2px}

鼠标多次悬浮后速度越来越快是因为,每悬浮一次就增加了一个setInterval,div2左移动的数度不断的+一个speed,在a函数里加个判断就行了

function a() {

if(!timer){ //如果定时器未定义才设置定时器setInterval

timer = setInterval(function() {

odiv2.style.left = odiv2.offsetLeft + speed + 'px'

if (odiv2.offsetLeft < -odiv2.offsetWidth / 2) {

odiv2.style.left = '0px'

}

}, 30)

}

}

这样速度就不会越来越快了


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/8355029.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存