知更鸟主题鼠标悬停位移效果+点击提示代码

2019-07-10 18:16:47运维笔记41831字数 652阅读模式

打开知更鸟主题：找到路径/js/script.js ，在最后面添加如下代码即可。

//标题抖动
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)
})

效果图演示如下：

知更鸟主题鼠标悬停位移效果+点击提示代码文章源自玩技e族-https://www.playezu.com/19611.html 文章源自玩技e族-https://www.playezu.com/19611.html

玩技站长微信

添加好友自动发送入群邀请

weinxin

rainbow-shownow

玩技官方公众号

官方微信公众号

weinxin

PLAYEZU

版权提示：本站仅供存储任何法律责任由作者承担▷诈骗举报◁▷新闻不符◁▷我要投稿◁
风险通知：非原创文章均为网络投稿真实性无法判断，侵权联系2523030730
免责声明：内容来自用户上传发布或新闻客户端自媒体，切勿！切勿！切勿！添加联系方式以免受骗。
原创转载：https://www.playezu.com/19611.html
转载说明： 点我前往阅读>>>

评论 4 访客 3 作者 1

青衫慧博客 4
2019-08-13 23:07:15 北京市昌平区 4F
回复
JS特效多了，网站打开速度也会因此过慢。感觉还是少点特效比较好。
小王先森 0
2019-07-16 21:47:29 贵州省 3F
回复
这个不错，我拿去了，谢谢！
淘淘
2019-07-11 12:12:33 北京市 2F
回复
感谢大佬分享。
TestWhite
2019-07-11 12:11:45 北京市 1F
回复
可用。