腾讯云服务器大促销。

◆◆0

鼠标悬停位移效果+点击提示

来源：企鹅SEO 2019-04-25 11:22:14 WordPress 315 0

腾讯云服务器大促销。

华为服务器

今天给大家分享，怎么来让链接实现鼠标悬停位移效果。
效果图就不上了，直接在本站首页验证就行了。
上代码

//标题抖动
jQuery(document).ready(function($) {
$(“.list-title a, .entry-title a, .new-title a, .message-widget a, .flexisel-h-title a, .li-icon a”).hover(function() {
$(this).stop().animate({
//.list-title a, 改成你标题的样式名称,可以应用多个链接,用英文逗号隔开
“marginLeft”: “15px”
}, 300)
}, function() {
$(this).stop().animate({
“marginLeft”: “0px”
}, 300)
});
$(“.list-title a, .entry-title a, .new-title a, .message-widget a, .flexisel-h-title a, .li-icon a”).click(function() {
myloadoriginal = this.text;
$(this).text(“正在努力加载中 …”);
//点击后的链接会替换成如上文字，可自由修改。
var myload = this;
setTimeout(function() {
$(myload).text(myloadoriginal)
}, 2011)
})
});

然后就是加入到主题的JS文件里面

华为服务器

腾讯云服务器大促销。

声明：站长码字很辛苦啊,转载时请保留本声明及附带文章链接：https://blog.tag.gg/showinfo-19-18746-0.html

亲爱的：若该文章解决了您的问题,可否收藏+评论+分享呢？

返回顶部