下面说说在改善用户体验之wordpress添加图片弹出层效果。效果图如下： 像这篇文章如何在百度搜索结果中显示网站站点logo? 文章内有添加图片，没加插件之前用户点击图片时，是直接_black打开新窗口到图片地址，非常不友好，很不和谐！添加wordpress添加图片弹出层效果之后如上所示效果。逼格瞬间提高！打造这个效果的这款插件名称是FancyBox for WordPress 原文：http://www.cnblogs.com/luowei/p/5670064.html
原文地址：http://www.goodfav.com/zh/parallax-scrolling-wordpress-themes-3744.html 视差效果，在网页设计中已成为一个热门的趋势，它被广泛应用于滑块，甚至整个网页。你可以很容易的找到实现视差滚动效果的Wordpress主题，然后用通过定制来实现一个独特且具有交互性的网站。 要想在成千上万的网站脱颖而出，给用户一个全新的体验是很重要的。最近流行的视差效果可以帮助你完成这一目标。视差技术创建了一个简单而有效的立体动...
滚动导航菜单 滚动菜单, 顾名思义是以滚动的方式显示和隐藏菜单的. 其实跟淡入淡出菜单和滚动菜单的原理是一样的, 前者是在触发事件的时候改变菜单的透明度, 而后者则是改变菜单的高度. 那为什么后者的处理难度会比前者高呢 这正因为菜单高度的处理比透明度有更高的技巧要求. 下面我们就讨论一下该如何处理, 并难在什么地方. 初期化处理 为了处理更加灵活, 我们需要为它定义一个作为参数的滑动速度, 也就是每一个单位时间间隔, 菜单...
滚动导航菜单 滚动菜单, 顾名思义是以滚动的方式显示和隐藏菜单的. 其实跟淡入淡出菜单和滚动菜单的原理是一样的, 前者是在触发事件的时候改变菜单的透明度, 而后者则是改变菜单的高度. 那为什么后者的处理难度会比前者高呢 这正因为菜单高度的处理比透明度有更高的技巧要求. 下面我们就讨论一下该如何处理, 并难在什么地方. 初期化处理 为了处理更加灵活, 我们需要为它定义一个作为参数的滑动速度, 也就是每一个单位时间间隔, 菜单...
滚动导航菜单 滚动菜单, 顾名思义是以滚动的方式显示和隐藏菜单的. 其实跟淡入淡出菜单和滚动菜单的原理是一样的, 前者是在触发事件的时候改变菜单的透明度, 而后者则是改变菜单的高度. 那为什么后者的处理难度会比前者高呢? 这正因为菜单高度的处理比透明度有更高的技巧要求. 下面我们就讨论一下该如何处理, 并难在什么地方. 初期化处理 为了处理更加灵活, 我们需要为它定义一个作为参数的滑动速度, 也就是每一个单位时间间隔, 菜...
如果你的网站上已经使用了lightbox这类效果，或者下面的几点运用经验你也会觉合适（前提是使用JQuery实现）。 1. 指定哪些条件下运用Lightbox效果 在网站的js文件中添加如下语句： 代码如下:$(function() { $(a[@rel*=lightbox]).lightBox(); $(.gallery a).lightBox(); }); 这样就决定只有在链接中添加“rel=lightbox”后，该链接才会出现lightbox效果；第二行中的'.gallery a'则是针对WordPress中原生相册，添加该句后，相册中的...
在 wp-includes/js/thickbox/thickbox.js 大概39行的function tb_show(caption, url, imageGroup)中，添加如下行(粗体红色字代表新添加的代码) 代码如下: function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link try { /// 代码省略。。。 TB_NextHTML = ""; TB_imageCount = ""; TB_FoundURL = false; ////// 打开新窗口显示原图 TB_OpenNewHTML = ""; if(imageGroup){ /// 代...
冬天到了，很多的博客空间都加了雪花的效果，于是去看了看他们的效果实现。有好几个效果代码，就拿过来了，有需要的朋友可以拿过去试试看。 雪花大图片：效果代码一(function() { function k(a, b, c) { if (a.addEventListener) a.addEventListener(b, c, false); else a.attachEvent && a.attachEvent("on" + b, c) } function g(a) { if (typeof window.onload != "function") window.onload = a; else { var b = window.onload...
冬天到了，很多的博客空间都加了雪花的效果，于是去看了看他们的效果实现。有好几个效果代码，就拿过来了，有需要的朋友可以拿过去试试看。 雪花大图片：效果代码一<script type="text/javascript" language="javascript"> (function() { function k(a, b, c) { if (a.addEventListener) a.addEventListener(b, c, false); else a.attachEvent && a.attachEvent("on" + b, c) } function g(a) { if (typeof window.onload != "func...
在 wp-includes/js/thickbox/thickbox.js 大概39行的function tb_show(caption, url, imageGroup)中，添加如下行(粗体红色字代表新添加的代码) 代码如下:function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link try { /// 代码省略。。。 TB_NextHTML = ""; TB_imageCount = ""; TB_FoundURL = false; ////// 打开新窗口显示原图 TB_OpenNewHTML = ""; if(imageGroup){ /// 代码...
如果你的网站上已经使用了lightbox这类效果，或者下面的几点运用经验你也会觉合适（前提是使用JQuery实现）。 1. 指定哪些条件下运用Lightbox效果 在网站的js文件中添加如下语句： 代码如下:$(function() { $('a[@rel*=lightbox]').lightBox(); $('.gallery a').lightBox(); }); 这样就决定只有在链接中添加“rel=lightbox”后，该链接才会出现lightbox效果；第二行中的'.gallery a'则是针对WordPress中原生相册，添加该句后，相册...