-
[代码样式]把WordPress的分类转换成标签
在建站的时候,前期往往考虑不周,导致后面需要修改,这是在所难免的。比如使用 WordPress 建站,前期添加了一个分类,后来觉得使用标签更合适,一般情况下,我们可能会删除这个分类,然后再增加一个标签。 如果你了解 WordPress 的表结构,你就会知道分类和标签是在同一张表里的,只是某一个字段的属性不一样,所以,我们可以通过修改表字段属性,把分类变成标签。下面,dowebok 就演示一下通过 …- 0
- 1
- 75
-
[代码样式]jQuery幻灯片插件anoSlide
简介 anoSlide 是一个轻量级的 jQuery 幻灯片插件,未压缩也不到 8KB,它具有以下特点: 支持响应式 支持内容混合(图片/文字) 无需 CSS 支持图片延迟加载 支持回调函数 支持自适应高度 易于扩展 兼容 浏览器兼容:兼容所有浏览器,包括 IE6、IE7。 jQuery 兼容:兼容 1.7 及以上版本。 使用方法 1、引入文件 <script src="https…- 0
- 1
- 90
-
[代码样式]liMarquee – jQuery无缝滚动插件
简介 liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。 浏览器兼容 IE7+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera …- 0
- 1
- 714
-
[代码样式]Swiper制作《奇迹觉醒》轮播图效果
简介 《奇迹觉醒》是由腾讯独家代理运营的全新 MMO 官方正版奇迹手游,游戏用更加华丽的画面,完美重现了勇者大陆、亚特兰蒂斯、天空之城等玩家熟悉的地图, 同时经典职业也将回归称霸勇者大陆。 本文将使用 Swiper 制作《奇迹觉醒》【游戏特色】部分的轮播图效果。 制作方法 HTML <div class="wrap"> <div class="dow…- 0
- 1
- 115
-
[代码样式]记事本风格用户登录界面HTML代码
这是一个记事本风格的用户登录界面,非常逼真,HTML 代码已经改成了中文的,经过测试,兼容 IE6+、Firefox、Chrome 等浏览器。- 0
- 0
- 142
-
[代码样式]简单的jQuery无缝向上滚动效果
简介 这是一个基于 jQuery 的简单的向上滚动效果插件,代码很少,功能也比较单一,可用于文字或图片滚动,鼠标移动到上面会暂停滚动。功能虽然单一,不过一般情况下也够用了,而且还很小巧。 兼容 兼容所有浏览器,包括 IE6。 使用方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"><…- 0
- 0
- 62
-
[代码样式]Blindify – jQuery百叶窗幻灯片插件
简介 Blindify 是一个基于 jQuery 的百叶窗幻灯片插件,它能够非常方便的制作一个漂亮的百叶窗效果,你还可以设置百叶窗的片数、间隔、宽度、高度以及各种动画效果的时间和百叶窗的方向——水平或垂直。 兼容 jQuery 兼容 兼容 1.4+。 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel=…- 0
- 0
- 141
-
[代码样式]Pogo Slider – jQuery幻灯片插件
简介 Pogo Slider 是一款 jQuery 幻灯片插件,它最大的特点就是提供 20 多种过度效果,你可以统一或分别设置。同时它也有其他常见幻灯片的功能,如自动播放、箭头控制、原点导航控制、进度条等等。 浏览器兼容 IE10+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 注:可通过处理兼容 IE7 – IE9,虽然没有绚丽的动画过度效果,但可正常使用。 使用方…- 0
- 0
- 246
-
[代码样式]Rythm.js – 用javascript让你的页面跳舞
简介 Rythm.js 是一款能够让页面“跳舞”的 javascript 库,它能够让页面支持脉冲、跳跃、摇动、扭动、淡入淡出、变换颜色等特效,同时还可以播放音频,使页面更有趣。 Rythm.js 目前的版本(v2.0.0)有一个 bug,在 Safari 上不能运行,请谨慎使用。 浏览器兼容 – Edge Chrome Firefox Opera – 使用方法 1、引入文件 普通方式 <s…- 0
- 0
- 139
-
-
[代码样式]简单的banner幻灯片
这是一个常见的、简单的、易用的幻灯片,没有过多的修饰,比较百搭,喜欢的话就下载使用吧。该幻灯片兼容所有浏览器,包括 IE6。 使用方法 引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/slideshow.css"> <script src="https:/…- 0
- 0
- 54
-
[代码样式]jQuery覆盖对比插件Covering-Bad
简介 Covering-Bad 是一个基于 jQuery 的插件,它能够创建一个可以拉动大小的元素,覆盖在原有的元素上面,从而进行更好的对比。2013年3月11日,日本东海岸发生9.0级大地震时腾讯的专题页面做了一个类似的效果(点击查看)。 如果查看源代码,就能够明白它的原理其实很简单:即把2张背景叠在一起,通过一个“拉手”拖动顶上的一层,并改变大小,从而达到对比的效果。 兼容 浏览器兼容:兼容 …- 0
- 0
- 119
-
[代码样式]FlexSlider制作新浪2014成都车展幻灯片
简介 2014 成都国际车展已于昨天(8月29日)启动,各大门户网站都制作了专题,今天我们用 jQuery 幻灯片插件 FlexSlider 来制作新浪车展专题的幻灯片。 浏览器兼容 IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 制作方法 1、引入文件 <script src="https://www.dowebok.com/js/jquer…- 0
- 0
- 136
-
[代码样式]Combo Select – jQuery可搜索下拉框插件
简介 Combo Select 是一款友好的 jQuery 下拉框插件,在 PC 浏览器上它能模拟一个简单漂亮的下拉框,在 iPad 等移动设备上又能回退到原生样式。Combo Select 能够对选项进行检索过滤,同时支持键盘控制。 浏览器兼容 IE8+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="st…- 0
- 0
- 727
-
-
-
[代码样式]jQuery滚动到顶部插件scrollUp
当网页内容过长,你浏览到底部需要回到顶部时,是不是希望“一键直达”呢?scrollUp 就是这样一款插件,它能够让用户滚动条滚动到一定的位置时(可设置),右下角出现“滚动到顶部”的按钮,点击后,页面就是慢慢的滚动到顶部,而不是硬生生的直接回到顶部,提高了用户体验。 scrollUp 还提供了 3 种主题,在 css 文件夹下。当然你可以自定义。 使用方法 引入文件 <script src=&…- 0
- 0
- 179
-
[代码样式]简单的JavaScript图像延迟加载库Echo.js
简介 和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依赖于 jQuery 或其他 JavaScript 库,可独立使用。并且 Echo.js 非常小巧,压缩后不足 1KB。 兼容性 Echo.js 使用了 HTML5 的 date 属性,并且需要获取该属性的值,所以它并…- 0
- 0
- 112
-
[代码样式]制作搜狐2014巴西世界杯专题幻灯片
简介 本文介绍使用 jQuery 幻灯片插件 Owl Carousel 制作搜狐2014巴西世界杯专题幻灯片。 兼容 浏览器兼容:兼容 IE6、IE7 及以上版本和其他主流浏览器。 使用方法 1、引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/owl.carousel.css"…- 0
- 0
- 64
-
[代码样式]multiscroll.js制作斯柯达野帝页面
简介 之前介绍过 jQuery 滚动插件 multiscroll.js,但都是基本演示,没有一个比较完成的例子,今天就来制作一个——波兰斯柯达野帝页面。其实比起基本演示,也就多添加了一些图片、文字、动画而已,并不复杂。其中,动画效果是使用 CSS3 制作的,所以不兼容低版本 IE,有需要的请自行更改成 JS 动画。 制作方法 1、引入文件 <link rel="stylesheet…- 0
- 0
- 162
-
[代码样式]用CSS和jQuery制作简单的下拉框
简介 今天我们用 CSS 和 jQuery 来制作一个简单的下拉框。 浏览器兼容 IE8+ Edge Chrome Firefox Opera Safari 制作方法 1、HTML <div class="select dowebok"> <span class="placeholder">请选择</span> …- 0
- 0
- 106
-
-
-
[代码样式]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
- 85