Wordpress中JQUERY链接平移效果

简介:

在网上学习了如何在wordpress博客里面使链接平移的特效,现分享下代码!!!

首先要确保已经加载文章开关所说的JQuery库。
1、在所用主题的 style.css 文件里添加一句(这是全站链接应用,如果只想部分链接应用,于其前面加入其它控制符):

  1. a{position:relative;}

2、在主题所调用的 .js文件里也就是上一个效果里说到的 .js文件里加入:

  1. jQuery(document).ready(function($){
  2. $('a').hover(function() {
  3. $(this).stop().animate({'left''5px'}'fast');
  4. }function() {
  5. $(this).stop().animate({'left''0px'}'fast');
  6. });
  7. });



  8. 本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/archive/2011/12/04/2275503.html,如需转载请自行联系原作者
相关文章
|
12月前
|
缓存 JavaScript 数据库
如何快速地将WordPress文章内所有外部图片转换为本地链接?
nicen-localize-image 是一款适用于 Wordpress 的插件,旨在本地化文章中的外部图片。主要功能包括:发布前通过编辑器插件本地化、手动发布时自动本地化、定时发布时自动本地化以及批量本地化已发布文章的图片。支持自定义保存路径、添加 alt 属性优化 SEO
343 60
|
搜索推荐 UED 索引
WordPress建站入门教程:如何选择和设置固定链接结构?
通过选择一个清晰、有逻辑的固定链接结构,您可以提高网站的SEO能力、确保用户良好的浏览体验,并方便内容管理。在设置时,要充分考虑未来的网站规划和内容结构,以确定最合适的链接形式。
656 1
WordPress插件:链接自动识别转为超链接
WordPress插件:链接自动识别转为超链接
204 3
|
SQL 前端开发 JavaScript
jquery链接sql数据库
直接使用jQuery来链接SQL数据库是不安全且不可行的。jQuery是一个前端JavaScript库,主要用于操作HTML文档、处理事件、执行动画等。出于安全原因,前端代码(包括JavaScript
WordPress 固定链接设置
WordPress 固定链接设置
265 0
|
JavaScript 前端开发
前端——使用jQuery给a标签添加、修改href链接
前端——使用jQuery给a标签添加、修改href链接
|
搜索推荐 SEO
WordPress 建站过程中永久链接设置
在 WordPress 中,有许多不同的方法可以更改永久链接和永久链接设置。 在 WordPress 永久链接设置中,北京六翼信息技术有限公司开发工程师建议您可以:
WordPress 建站过程中永久链接设置
|
JavaScript
jquery实现tab选项卡同一个按钮不同onClick链接的解决方案
jquery实现tab选项卡同一个按钮不同onClick链接的解决方案
269 0
|
搜索推荐 SEO
WordPress固定链接设置方法
传说中,固定链接有SEO功能,今天试了试
304 0
WordPress固定链接设置方法
|
数据安全/隐私保护
WordPress新用户注册时/修改密码提示“您的密码重设链接无效”
WordPress新用户注册时/修改密码提示“您的密码重设链接无效”
491 0

相关课程

更多

相关实验场景

更多