-
[代码样式]Swiper制作《奇迹觉醒》轮播图效果
简介 《奇迹觉醒》是由腾讯独家代理运营的全新 MMO 官方正版奇迹手游,游戏用更加华丽的画面,完美重现了勇者大陆、亚特兰蒂斯、天空之城等玩家熟悉的地图, 同时经典职业也将回归称霸勇者大陆。 本文将使用 Swiper 制作《奇迹觉醒》【游戏特色】部分的轮播图效果。 制作方法 HTML <div class="wrap"> <div class="dow…- 0
- 1
- 106
-
[代码样式]把WordPress的分类转换成标签
在建站的时候,前期往往考虑不周,导致后面需要修改,这是在所难免的。比如使用 WordPress 建站,前期添加了一个分类,后来觉得使用标签更合适,一般情况下,我们可能会删除这个分类,然后再增加一个标签。 如果你了解 WordPress 的表结构,你就会知道分类和标签是在同一张表里的,只是某一个字段的属性不一样,所以,我们可以通过修改表字段属性,把分类变成标签。下面,dowebok 就演示一下通过 …- 0
- 1
- 51
-
[代码样式]jQuery幻灯片插件anoSlide
简介 anoSlide 是一个轻量级的 jQuery 幻灯片插件,未压缩也不到 8KB,它具有以下特点: 支持响应式 支持内容混合(图片/文字) 无需 CSS 支持图片延迟加载 支持回调函数 支持自适应高度 易于扩展 兼容 浏览器兼容:兼容所有浏览器,包括 IE6、IE7。 jQuery 兼容:兼容 1.7 及以上版本。 使用方法 1、引入文件 <script src="https…- 0
- 1
- 70
-
[代码样式]liMarquee – jQuery无缝滚动插件
简介 liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。 浏览器兼容 IE7+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera …- 0
- 1
- 648
-
-
[代码样式]jQuery侧边导航插件SidebarJS
侧边导航在移动设备上显得非常重要,它不仅能节约可视区域,同时又能起到很好的导航作用。越来越多的网站针对移动设备设计了侧边导航。如果你也想为的设计侧边导航,也许 SidebarJS 能帮到你,它能够很方便的制作侧边导航,你只需要写一个导航,然后绑定一个触发元素就可以了。 兼容性 SidebarJS 使用了 fixed translate3d 等属性,所以它不兼容 IE6 – IE9。 使用方法 1、…- 0
- 0
- 101
-
[代码样式]SlipHover – 创建一个动画遮罩层显示标题或描述
简介 SlipHover 是一个基于 jQuery 的插件,它能够感知鼠标移动方向,并在相应的方向(或反方向)以动画的方式显示出一个遮罩层,用来显示标题或描述,应用到幻灯片或相册中是个不错的选择。SlipHover 还支持自定义遮罩高度、动画时间、字体颜色、背景颜色、文字排版等等。合理的搭配,相信能让你的幻灯片或相册更加的上档次。 兼容 jQuery 兼容 兼容 1.7 及以上版本。 浏览器兼容 …- 0
- 0
- 65
-
[代码样式]Chained – jQuery/Zepto级联下拉框插件
简介 Chained 是一款简单易用的级联下拉框插件,提供了 jQuery 和 Zepto 两个版本。Chained 支持无限级、支持 json 数据。 基本使用 1、引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> <script src="htt…- 0
- 0
- 187
-
[代码样式]Zooming – JavaScript图片缩放库
简介 Zooming 是一款纯 javascript 图片缩放库,主要特点有: 不依赖其他库,纯 JavaScript 实现,支持移动设备; 流畅的动画; 可缩放高清图像; 易于集成和定制。 浏览器兼容 – Edge Chrome Firefox Opera Safari 使用方法 1、引入文件 <script src="https://www.dowebok.com/js/zoo…- 0
- 0
- 101
-
[代码样式]紫色背景简洁登录页面
这是一款紫色背景的简洁登录页面,输入框聚焦的时候有一个非常显眼的动画效果,增强了用户体验。该登录页面默认为紫色渐变背景色,如果网站主色不是紫色,可以修改成需要的颜色。该登录页面适配了各种分辨率,任何设备都可以使用。- 0
- 0
- 99
-
[代码样式]Intro.js – 为您的网站提供更好的用户指引
今年腾讯首页和新浪首页相继改版,为了让用户更好的适应新版,都加入用户指引(或叫用户帮助)。如果你也想在自己的网页加入用户指引,那就是试试 Intro.js 吧,它能够很轻松的制作出类似腾讯首页用户指引的效果。 注意:Intro.js 目前兼容 Firefox、Chrome 和 IE8,不兼容 IE6 和 IE7,后续版本将会提供更好的兼容。 使用方法 引入文件 <link rel="…- 0
- 0
- 301
-
[代码样式]jQuery显示隐藏密码插件jquery.toggle-password
简介 在 Windows(Windows 7以上)系统以及 IE 里,当输入密码的时候,右边会有一个小眼睛,按下这个小眼睛,就会显示密码。在一些手机里面也有一个“显示密码”的复选框,勾选之后输入的密码就变成明文了。这样的功能可以很好的防止输错密码,尤其是一些只需输入一次密码的注册。 这个功能虽然很好,但是在其他地方好像很少。如果你想在的网站上也有这样的功能,那么你可以试试 jquery.toggl…- 0
- 0
- 149
-
[代码样式]One-Page-Nav – jQuery导航插件
简介 电商网站的分类比较明确,比如1楼是手机通讯产品,2楼是家用电器,3楼是服装鞋包等等,旁边还会有一个固定的楼层导航,这个导航列出了所有的楼层,同时还会高亮你正在浏览的楼层,点击其他楼层按钮,又会滚动到其他楼层。这样的导航可以增加用户体验,让购物更加方便快捷。 如果你想在自己的页面上也实现这样的效果,那么可以试试 jQuery-One-Page-Nav 这款 jQuery插件。 浏览器兼容 IE…- 0
- 0
- 107
-
[代码样式]ResponsiveSlides.js – jQuery幻灯片插件
简介 ResponsiveSlides.js 是一款小巧的 jQuery 响应式幻灯片插件,压缩后不到 4KB。它几乎兼容所有浏览器,包括 IE6 以及各种移动设备上的浏览器。不过它的样式比较简单,如果想要更丰富的效果,你可能需要自定义 CSS。 浏览器兼容 IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel=&q…- 0
- 0
- 136
-
-
[代码样式]jQuery立体相册插件Parallax Slider
Parallax Slider 是一个充满活力的图片幻灯片插件,它充分利用了视觉差原理,当图片滑动时,背后的大幅背景也会随着移动,非常有视觉冲击力。用它来做图片、相片展示是非常不错的。 使用方法 引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/parallaxSlider.css&quo…- 0
- 0
- 108
-
[代码样式]jQuery响应式图片画廊插件S Gallery
简介 S Gallery 是一款使用了 CSS3 动画效果的 jQuery 响应式片画廊插件,插件的灵感来自于SONY(索尼)的一个产品展示页,原本是由 Flash 制作的,而作者则用 HTML、CSS3 和 JavaScript 创建了这样的效果。 S Gallery 有一个很棒的功能:当退出幻灯片模式返回到网格视图模式时,当前查看的图片会以很明显的动画方式“返回”到网格视图中的位置,从而让你知…- 0
- 0
- 108
-
[代码样式]animate.css – 齐全的CSS3动画库
简介 animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果。 虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果,但还是建议看看 ani…- 0
- 0
- 155
-
[代码样式]jQuery.eraser – jQuery橡皮擦插件
简介 jQuery.eraser 是一个基于 jQuery 的插件,它的效果类似于橡皮擦,按住鼠标不放,在图片上面来回移动,上面灰色的图片就会被擦出,显示出下面彩色的图片。 jQuery.eraser 的原理其实是有灰色、彩色两张图片(都需要自己事前准备),将灰色的图片装载于一个 canvas 中,然后和彩色的图片用 CSS 定位在同一个位置,并设置 z-index 使 canvas 位于彩色图片…- 0
- 0
- 224
-
[代码样式]Viewer.js – 强大的JS/jQuery图片查看器
简介 Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要一款强大的图片查看器,也许 Viewer.js 是一个很好的选择。Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 支持标题显示 支持多种自定义事…- 0
- 0
- 408
-
-
-
[代码样式]jQuery弹性滑动导航菜单
制作方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> HTML <div id="nav"> <div class="nav-menu"> <a href="…- 0
- 0
- 70
-
[代码样式]用FlexSlider制作支付宝2013版幻灯片
简介 今天我们介绍如何使用FlexSlider制作支付宝2013幻灯片。 兼容性 兼容所有浏览器,包括 IE6。 制作方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> <script src="https://www.dowebok.com…- 0
- 0
- 117
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!