-
[代码样式]把WordPress的分类转换成标签
在建站的时候,前期往往考虑不周,导致后面需要修改,这是在所难免的。比如使用 WordPress 建站,前期添加了一个分类,后来觉得使用标签更合适,一般情况下,我们可能会删除这个分类,然后再增加一个标签。 如果你了解 WordPress 的表结构,你就会知道分类和标签是在同一张表里的,只是某一个字段的属性不一样,所以,我们可以通过修改表字段属性,把分类变成标签。下面,dowebok 就演示一下通过 …- 0
- 1
- 99
-
[代码样式]jQuery幻灯片插件anoSlide
简介 anoSlide 是一个轻量级的 jQuery 幻灯片插件,未压缩也不到 8KB,它具有以下特点: 支持响应式 支持内容混合(图片/文字) 无需 CSS 支持图片延迟加载 支持回调函数 支持自适应高度 易于扩展 兼容 浏览器兼容:兼容所有浏览器,包括 IE6、IE7。 jQuery 兼容:兼容 1.7 及以上版本。 使用方法 1、引入文件 <script src="https…- 0
- 1
- 94
-
[代码样式]liMarquee – jQuery无缝滚动插件
简介 liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。 浏览器兼容 IE7+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera …- 0
- 1
- 720
-
[代码样式]Swiper制作《奇迹觉醒》轮播图效果
简介 《奇迹觉醒》是由腾讯独家代理运营的全新 MMO 官方正版奇迹手游,游戏用更加华丽的画面,完美重现了勇者大陆、亚特兰蒂斯、天空之城等玩家熟悉的地图, 同时经典职业也将回归称霸勇者大陆。 本文将使用 Swiper 制作《奇迹觉醒》【游戏特色】部分的轮播图效果。 制作方法 HTML <div class="wrap"> <div class="dow…- 0
- 1
- 117
-
[代码样式]jQuery导航/表头固定插件Posfixed
使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> <script src="https://www.dowebok.com/js/posfixed.js"></script> HTML <div id=&q…- 0
- 0
- 88
-
[代码样式]用Orbit制作新浪电影频道2013版幻灯片
简介 今天我们介绍如何使用 jQuery 幻灯片插件 Orbit 制作新浪电影频道2013版幻灯片,制作之前你可以先了解一下 Orbit,以便更好的制作。制作出的效果几乎与原版一致,不同的是原版底部的点点导航是鼠标移上去切换,这里的是点击切换。 兼容性 兼容所有浏览器,包括 IE6。 制作方法 1、引入文件 <script src="https://www.dowebok.com/…- 0
- 0
- 116
-
[代码样式]slick制作17173 ChainJoy2014幻灯片
简介 2014 年 ChinaJoy 刚刚结束,你是否还回味那些漂亮的 ShowGirl 呢?不过这里可不是讨论 ShowGirl 哦,我们是来做知名游戏网站 17173 ChinaJoy2014 专题幻灯片的。我们是使用 jQuery幻灯片插件slick 来制作的,开始吧。 兼容 浏览器兼容 IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入…- 0
- 0
- 95
-
[代码样式]DAD – jQuery拖拽/拖放插件
简介 DAD 是一款基于 jQuery 的拖拽/拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许/禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。 浏览器兼容 IE11+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 很可惜,DAD 在 IE 中只兼容 IE11 版本,在 Opera 中也只支持 Webkit 内核版本…- 0
- 0
- 346
-
[代码样式]微信读书页面源码
简介 微信读书是微信基于微信关系链的官方阅读应用,为用户推荐书籍,提供良好的阅读体验,同时也可以查看微信好友的动态等。微信读书除了本身 App 做的优秀之外,其官方页面也做的与众不同,之前很多人见过比较多的全屏滚动效果都是竖屏的,比如本站也介绍了很多优秀的插件,如 fullPage.js、DD Full Screen Slider、fullPage、onepage-scroll、Scrollify…- 0
- 0
- 551
-
[代码样式]跳动的404错误页面
这是一款简单的 404 错误页面,「404」这三个数子加入了增长跳动的动画,使页面显得不那么单调。同时兼容了移动设备显示。页面为极简设计,适用于任何风格的网站。" name="跳动的404错误页面" pass="1luy" code=""][/content_hide]- 0
- 0
- 539
-
[代码样式]非常酷的jQuery手风琴插件gridAccordion
gridAccordion 是一个基于 jQuery 的手风琴插件,它制作出的手风琴效果非常酷,这个手风琴是“网”状的,可以垂直和水平伸缩。它可以指定区域内水平显示多少个对象,可以设置自动播放。同时可以添加其他元素,然后通过参数控制元素的大小及位置,使手风琴内容更加丰富。 gridAccordion兼容所有浏览器,包括 IE6、IE7。 使用方法 引入文件 <link rel="s…- 0
- 0
- 110
-
[代码样式]多级CSS3动画下拉菜单
简介 这是一个来自国外的 CSS3 下拉菜单,添加了非常酷的动画效果,它还支持多级,你可以增加多个子菜单。同时还添加了对 IE6 及移动设备的支持。 兼容 该菜单使用总舵 CSS3 属性,如尾类、圆角、渐变、过度等等,所以 IE 低版本显示效果欠佳,但不影响使用,IE10 及以上版本和其他现代浏览器显示良好。 使用方法 1、HTML <div id="menu-wrap"…- 0
- 0
- 100
-
[代码样式]fullPage.js制作网易邮箱大师页面
简介 网易邮箱是国内著名的邮箱,多年的发展累积了大量用户,拥有不错的口碑。2014 年早期,网易邮箱推出了 6.0 版本,更加高大上,小D 也用 fullPage.js 制作了它的介绍页面(点击查看)。近期网易又推出了移动版邮箱客户端——邮箱大师(查看),介绍页面虽然和 6.0 的类似,但还是有较大的不同:邮箱大师使用了 flash,并且滚动后 flash 会重新播放,比较特别。今天小D 就再用 …- 0
- 0
- 207
-
[代码样式]制作响应式分层幻灯片
简介 该响应式分层幻灯片来自 Simbyone,每张幻灯片里可以有多个元素(文字、图片等),并且可以设置不同的动画效果。整个幻灯片只需要一个 JavaScript 文件就可以工作,当然,是说除去 jquery 等必须依赖的文件外,你可以不需要任何样式,所有的动画都是通过 JavaScript 创建并插入到元素中的。 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ Opera ✔ S…- 0
- 0
- 105
-
-
[代码样式]清爽简单的HTML5音乐播放器
这是一款清爽简单的 HTML5 音乐播放器,一个简洁的播放器包含了转动的封面,有 3 个主要的按钮,分别为「上一首」、「播放/暂停」和「下一首」,点击或拖动进度条也可以控制播放进度。- 0
- 0
- 152
-
[代码样式]jQuery图片黑白开关插件BlackAndWhite
BlackAndWhite 是一款图片类的插件,这款插件可以很容易地将任何彩色图片转换成B&W灰度图片,当鼠标移动到图片上时,图片可慢慢恢复原有的色彩。该插件可用于图片展示或相册等。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery-1.9.0.min.js"></script> &…- 0
- 0
- 143
-
[代码样式]WordPress时间函数the_tiem()详解
使用 WordPress 建站,不得不接触到时间函数 the_time(),因为加上文章的发表日期或评论的发表日期是非常有必要的。但是 the_time() 默认的格式只有时间,比如 “下午5:06” 。这样的格式是不是不太满意呢? 对于中国人,比较习惯以下的时间格式: 12-10 2013-12-10 2013年12月10日 星期一 10:35:28 如何让间函数 the_time() 输出上面…- 0
- 0
- 152
-
[代码样式]jQuery幻灯片插件Flickerplate
简介 Flickerplate 是一个基于 jQuery 的幻灯片插件,压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。 兼容 浏览器兼容:Flickerplate 使用了 CSS3 属性,所以只兼容 IE10 及以上版本和其他主流现代浏览器,IE 低版本效果欠佳,但可正常使用。 jQuery 兼容:兼容 1.7 及以上版本。 使用方法 1、引入文…- 0
- 0
- 132
-
[代码样式]全屏/整屏滚动组件fullPage
之前介绍了全屏滚动插件 fullPage.js,也用该插件制作了一些例子。今天介绍另一款全屏滚动组件,名字也叫 fullpage,只是少了 “.js”。 与 fullPage.js 相比,fullpage 不依赖任何 js 库,可独立使用。功能上虽然不如 fullPage.js 强大,但一般使用已经足够了,尤其是它的动画效果,你可以自由设定缩放、旋转以产生各种各样的动画效果。同时它还支持 full…- 0
- 0
- 142
-
[代码样式]okayNav – jQuery响应式菜单/导航插件
简介 okayNav 是一款小巧的 jQuery 响应式菜单/导航插件,它能够自动计算浏览器窗口的宽度,当窗口宽度变小到无法容纳菜单时,它就会把“多余”的菜单变成“三个点”的图标,点击图标就能展开多余的菜单;当窗口变大时,多余的菜单又会重新显示。 浏览器兼容 IE10+ Edge Chrome Firefox Opera Safari 使用方法 1、引入文件 <link rel="…- 0
- 0
- 146
-
-
[代码样式]腾讯游戏《上古世纪》官网导航代码
《上古世纪》是“韩国网游第一人”——宋在京开发的一款网游,由腾讯公司代理。《上古世纪》官方网站的导航非常漂亮,尤其是大幅的半透明背景非常有特点。 使用方法 引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/archenav.css"> <script src=&quo…- 0
- 0
- 146
-
[代码样式]jQuery旋转插件jqueryrotate
CSS3 提供了多种变形效果,比如矩阵变形、位移、缩放、旋转和倾斜等等,让页面更加生动活泼有趣,不再一动不动。然后 IE10 以下版本的浏览器不支持 CSS3 变形,虽然 IE 有私有属性滤镜(filter),但不全面,而且效果和性能都不好。 今天介绍一款 jQuery 插件——jqueryrotate,它可以实现旋转效果。jqueryrotate 支持所有主流浏览器,包括 IE6。如果你想在低版…- 0
- 0
- 101

![[代码样式]把WordPress的分类转换成标签](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_yDmADF1561.png)

![[代码样式]jQuery幻灯片插件anoSlide](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_BwfBys1594.jpg)
![[代码样式]liMarquee – jQuery无缝滚动插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_K9z7hQ1729.png)
![[代码样式]Swiper制作《奇迹觉醒》轮播图效果](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_5c2dhb1776.jpg)
![[代码样式]jQuery导航/表头固定插件Posfixed](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_aVfLCw1493.png)
![[代码样式]用Orbit制作新浪电影频道2013版幻灯片](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_oNQImA1556.jpg)
![[代码样式]slick制作17173 ChainJoy2014幻灯片](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_uoAd8H1626.jpg)
![[代码样式]DAD – jQuery拖拽/拖放插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_r5tgVs1690.png)
![[代码样式]微信读书页面源码](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_RRFxG61760.png)
![[代码样式]跳动的404错误页面](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_WZKCMU1824.png)
![[代码样式]非常酷的jQuery手风琴插件gridAccordion](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_RQO2lZ1515.jpg)
![[代码样式]多级CSS3动画下拉菜单](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_fCLyaH1584.png)
![[代码样式]fullPage.js制作网易邮箱大师页面](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_EJb30q1648.jpg)
![[代码样式]制作响应式分层幻灯片](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_jMeULU1717.jpg)
![[代码样式]路灯元素扁平404错误页面(EPS/AI)](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_VSrkxX1782.png)
![[代码样式]清爽简单的HTML5音乐播放器](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_SgdTH51846.jpg)
![[代码样式]jQuery图片黑白开关插件BlackAndWhite](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_ZGITGH1473.jpg)
![[代码样式]WordPress时间函数the_tiem()详解](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_Mczosd1537.jpg)
![[代码样式]jQuery幻灯片插件Flickerplate](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_zNbklj1606.jpg)
![[代码样式]全屏/整屏滚动组件fullPage](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_x1ERF31670.png)
![[代码样式]okayNav – jQuery响应式菜单/导航插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_OEQz9V1740.png)
![[代码样式]撕纸效果404错误页面矢量素材(EPS/AI)](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_yBZNGw1804.jpg)
![[代码样式]腾讯游戏《上古世纪》官网导航代码](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_1QGGit1495.jpg)
![[代码样式]jQuery旋转插件jqueryrotate](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_C6q5CL1558.png)