jquery - 随笔分类 - 计划

jQuery图片自动添加水印插件

摘要：JS脚本(jQuery)为图片加水印效果预览：http://hovertree.com/texiao/jquery/94/本功能使用HTML5实现，可为图片加上文字水印，可设置文字，设置颜色，位置等，加水印的图片需和网页在同个域名下。完整代码如下：源码下载：http://hovertree.com 阅读全文

posted @ 2017-02-11 17:33 计划阅读(12405) 评论(1) 推荐(0) 编辑

jQuery点击图片弹出大图遮罩层

摘要：使用jQuery插件HoverTreeShow弹出遮罩层显示大图效果体验：http://hovertree.com/texiao/hovertreeshow/在开发HoverTreeTop项目的产品展示功能过程中，因为要把产品图片的大图显示给用户看，就使用jQuery制作了一个插件：HoverTre 阅读全文

posted @ 2017-01-09 08:55 计划阅读(5299) 评论(1) 推荐(1) 编辑

jQuery拖动剪裁图片作为头像

摘要：图片上传是许多网站的一个常用的功能，有时需要对上传的图片做初步的选择裁剪，比如上传头像。下面就是一个使用HTML5+jQuery实现的图片上传裁剪特效，可以对选择要上传的图片做缩小、放大、拖动和裁剪，由何问起调试改进，有需要的朋友可以参考一下。在文后附有源码下载。体验效果：http://hovert 阅读全文

posted @ 2016-12-28 10:35 计划阅读(1919) 评论(2) 推荐(0) 编辑

jQ图片列表光标移动动画

摘要：本效果使用jQuery和CSS实现了图片列表，当鼠标移入时图片向左微动，移出则复原。效果展示: http://hovertree.com/texiao/jquery/88/效果图如下：其中的jQuery事件使用mouseenter 和 mouseleave ，事件绑定方法使用新推荐的on方法。具体请阅读全文

posted @ 2016-11-09 16:01 计划阅读(928) 评论(0) 推荐(0) 编辑

jquery css3问卷答题卡翻页动画效果

摘要：这个选项调查的特效以选项卡的形式，每答完一道题目自动切换到下一条，颇具特色。使用jQuery和CSS3，适合HTML5浏览器。效果展示 http://hovertree.com/texiao/jquery/87/源码下载：http://hovertree.com/h/bjaf/sym1l16q.ht 阅读全文

posted @ 2016-10-25 15:39 计划阅读(2726) 评论(0) 推荐(1) 编辑

响应式手机商城页面顶部样式HTML代码

摘要：本特效支持PC浏览器和触屏浏览器。效果展示 http://hovertree.com/texiao/bootstrap/8/手机扫描二维码体验效果：HTML代码如下：转自：http://hovertree.com/h/bjaf/yd5tssek.htm web前端特效:http://www.cnb 阅读全文

posted @ 2016-09-27 10:20 计划阅读(2749) 评论(0) 推荐(0) 编辑

jQuery css3仿游戏网站右键环形菜单

摘要：效果展示 http://hovertree.com/texiao/jquery/86/PC用户右键弹出环形菜单。手机用户扫描二维码：长安可以弹出环形菜单。转自：http://hovertree.com/h/bjaf/aht9w1n8.htm web前端特效:http://www.cnblogs.c 阅读全文

posted @ 2016-08-31 08:53 计划阅读(1776) 评论(0) 推荐(0) 编辑

jquery弹出可关闭遮罩提示框

摘要：jquery CSS3遮罩弹出层动画效果，使用非常简单，就两个标签，里面自定义内容和样式，四种常见效果，懂的朋友还可以修改源代码修改成自己想要的效果效果展示 http://hovertree.com/texiao/jquery/85/代码如下：转自：http://hovertree.com/h/ 阅读全文

posted @ 2016-07-16 11:38 计划阅读(4229) 评论(0) 推荐(1) 编辑

JS+CSS3人物奔跑动画

摘要：查看效果：http://hovertree.com/texiao/jquery/58/效果图：代码：转自：http://hovertree.com/h/bjaf/5f5eiagg.htm 推荐：http://hovertree.com/hvtart/bjae/yjm6v683.htm 更多特效：h 阅读全文

posted @ 2016-04-25 21:53 计划阅读(2838) 评论(0) 推荐(0) 编辑

jQuery+css3侧边栏导航菜单

摘要：效果体验：http://hovertree.com/texiao/jquery/37/代码如下： web前端汇总:http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2016-03-31 21:05 计划阅读(3833) 评论(0) 推荐(0) 编辑

炫酷的jQuery对话框插gDialog

摘要：js有alert，prompt和confirm对话框，不过不是很美体验也不是很好，用jQuery也能实现，体验效果：http://hovertree.com/texiao/jquery/34/ 代码如下： <!doctype html> <html> <head> <meta charset="u 阅读全文

posted @ 2016-03-09 19:41 计划阅读(2834) 评论(0) 推荐(1) 编辑

jQuery手机端触摸卡片切换效果

摘要：效果：http://hovertree.com/code/run/jquery/a1gr3gm9.html 可以用手机查看效果。代码如下： 1 <!doctype html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta 阅读全文

posted @ 2016-02-22 00:32 计划阅读(905) 评论(0) 推荐(0) 编辑

美食网站响应式精美模板

摘要：本模板为自适应宽度模板，可兼容PC，手机等多种环境，适应不同屏幕大小宽度。预览图片：进入下载页：http://hovertree.com/h/bjaf/bnbpkr9p.htm效果预览http://hovertree.com/texiao/muban/1/ 转自：http://hovertree.c 阅读全文

posted @ 2016-02-07 00:15 计划阅读(1553) 评论(0) 推荐(0) 编辑

html5手机端遮罩弹出菜单代码

摘要：效果体验:http://hovertree.com/texiao/html5/17/效果图：代码如下： 1 2 3 4 5 6 7 jQuery比bootstrap效果还帅的响应式模态窗口插件 - 何问起 8 9 10 11 12 13 14 15 16 17 18 19 20 2... 阅读全文

posted @ 2016-01-26 22:43 计划阅读(3568) 评论(0) 推荐(0) 编辑

Html5绘制饼图统计图

摘要：这里要介绍的是一个jQuery插件：jquery.easysector.jsHtml5提供了强大的绘图API，让我们能够使用javascript轻松绘制各种图形。本文将主要讲解使用HTML5绘制饼图（统计图）的方法。先看一下饼图效果：http://hovertree.com/texiao/easys... 阅读全文

posted @ 2016-01-14 13:34 计划阅读(4955) 评论(0) 推荐(0) 编辑

JQuery实现一个简单的鼠标跟随提示效果

摘要：效果体验：http://hovertree.com/texiao/jsstudy/2/实现思路 1 鼠标移入标题（这里是标签）创建一个div，div的内容为鼠标位置的文本将创建好的div加到文档中为提示层设置位置 2 鼠标移出标题移除div 3 当鼠标在标题内移... 阅读全文

posted @ 2016-01-12 11:31 计划阅读(6672) 评论(0) 推荐(0) 编辑

jQuery带tab切换搜索框样式代码

摘要：效果体验：http://hovertree.com/texiao/jquery/23/代码如下,保存到HTML文件也可以查看效果： jQuery搜索切换 - 何问起找商品找商家食品酒水半价抢疯搜商家名称搜索首页特效jQuery原文导航更多：http://www.cnblogs.com/jihua/... 阅读全文

posted @ 2015-12-29 11:51 计划阅读(3142) 评论(0) 推荐(1) 编辑

祝圣诞节快乐好运气！

摘要：圣诞节到了，祝大家圣诞快乐！模拟抽奖体验效果：http://hovertree.com/texiao/jquerytree/3/效果图如下：祝大家圣诞节快乐！http://www.cnblogs.com/jihua/p/Chrismas.html代码如下：jquery随机抽奖 - 何问起随机抽奖第三... 阅读全文

posted @ 2015-12-25 13:31 计划阅读(569) 评论(0) 推荐(0) 编辑

jQuery实践树(2)

摘要：上一个实践主要对jquery的ready事件进行。本实践要来使用jQuery改变页面的背景图片。可以先试试效果：http://hovertree.com/texiao/jquerytree/2/当你打开页面时，会看到一闪一闪的雪花效果。这不是使用jQuery的效果，只是用CSS设置了背景图片为动态图... 阅读全文

posted @ 2015-12-21 14:30 计划阅读(521) 评论(0) 推荐(0) 编辑

jquery返回顶部，支持手机

摘要：jquery返回顶部，支持手机效果体验：http://hovertree.com/texiao/mobile/6/在pc上我们很容易就可以用scrollTop()来实现流程的向上滚动的返回到顶部的动画，然后用到web移动端却没什么卵用，会出现滚动不流畅，卡顿，失灵等等现象。这是因为移动端的scrol... 阅读全文

posted @ 2015-12-19 22:29 计划阅读(6759) 评论(0) 推荐(0) 编辑

随笔分类 - jquery