随笔分类 -  jquery

jquery
jQuery图片自动添加水印插件
摘要:JS脚本(jQuery)为图片加水印效果预览:http://hovertree.com/texiao/jquery/94/本功能使用HTML5实现,可为图片加上文字水印,可设置文字,设置颜色,位置等,加水印的图片需和网页在同个域名下。完整代码如下: 源码下载:http://hovertree.com 阅读全文
posted @ 2017-02-11 17:33 计划 阅读(12393) 评论(1) 推荐(0) 编辑
jQuery点击图片弹出大图遮罩层
摘要:使用jQuery插件HoverTreeShow弹出遮罩层显示大图效果体验:http://hovertree.com/texiao/hovertreeshow/在开发HoverTreeTop项目的产品展示功能过程中,因为要把产品图片的大图显示给用户看,就使用jQuery制作了一个插件:HoverTre 阅读全文
posted @ 2017-01-09 08:55 计划 阅读(5294) 评论(1) 推荐(1) 编辑
jQuery拖动剪裁图片作为头像
摘要:图片上传是许多网站的一个常用的功能,有时需要对上传的图片做初步的选择裁剪,比如上传头像。下面就是一个使用HTML5+jQuery实现的图片上传裁剪特效,可以对选择要上传的图片做缩小、放大、拖动和裁剪,由何问起调试改进,有需要的朋友可以参考一下。在文后附有源码下载。体验效果:http://hovert 阅读全文
posted @ 2016-12-28 10:35 计划 阅读(1918) 评论(2) 推荐(0) 编辑
jQ图片列表光标移动动画
摘要:本效果使用jQuery和CSS实现了图片列表,当鼠标移入时图片向左微动,移出则复原。效果展示: http://hovertree.com/texiao/jquery/88/效果图如下:其中的jQuery事件使用mouseenter 和 mouseleave ,事件绑定方法使用新推荐的on方法。具体请 阅读全文
posted @ 2016-11-09 16:01 计划 阅读(927) 评论(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 计划 阅读(2724) 评论(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 计划 阅读(2742) 评论(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 计划 阅读(1775) 评论(0) 推荐(0) 编辑
jquery弹出可关闭遮罩提示框
摘要:jquery CSS3遮罩弹出层动画效果,使用非常简单,就两个标签,里面自定义内容和样式,四种常见效果,懂的朋友还可以修改源代码修改成自己想要的效果 效果展示 http://hovertree.com/texiao/jquery/85/代码如下: 转自:http://hovertree.com/h/ 阅读全文
posted @ 2016-07-16 11:38 计划 阅读(4227) 评论(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 计划 阅读(2836) 评论(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 计划 阅读(3830) 评论(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 计划 阅读(2832) 评论(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 计划 阅读(903) 评论(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 计划 阅读(3564) 评论(0) 推荐(0) 编辑
Html5绘制饼图统计图
摘要:这里要介绍的是一个jQuery插件:jquery.easysector.jsHtml5提供了强大的绘图API,让我们能够使用javascript轻松绘制各种图形。本文将主要讲解使用HTML5绘制饼图(统计图)的方法。先看一下饼图效果:http://hovertree.com/texiao/easys... 阅读全文
posted @ 2016-01-14 13:34 计划 阅读(4951) 评论(0) 推荐(0) 编辑
JQuery实现一个简单的鼠标跟随提示效果
摘要:效果体验:http://hovertree.com/texiao/jsstudy/2/实现思路 1 鼠标移入标题(这里是标签) 创建一个div,div的内容为鼠标位置的文本 将创建好的div加到文档中 为提示层设置位置 2 鼠标移出标题 移除div 3 当鼠标在标题内移... 阅读全文
posted @ 2016-01-12 11:31 计划 阅读(6659) 评论(0) 推荐(0) 编辑
jQuery带tab切换搜索框样式代码
摘要:效果体验:http://hovertree.com/texiao/jquery/23/代码如下,保存到HTML文件也可以查看效果: jQuery搜索切换 - 何问起找商品找商家食品酒水半价抢疯搜商家名称搜索首页 特效jQuery原文导航更多:http://www.cnblogs.com/jihua/... 阅读全文
posted @ 2015-12-29 11:51 计划 阅读(3139) 评论(0) 推荐(1) 编辑
祝圣诞节快乐好运气!
摘要:圣诞节到了,祝大家圣诞快乐!模拟抽奖体验效果:http://hovertree.com/texiao/jquerytree/3/效果图如下:祝大家圣诞节快乐!http://www.cnblogs.com/jihua/p/Chrismas.html代码如下:jquery随机抽奖 - 何问起随机抽奖第三... 阅读全文
posted @ 2015-12-25 13:31 计划 阅读(566) 评论(0) 推荐(0) 编辑
jQuery实践树(2)
摘要:上一个实践主要对jquery的ready事件进行。本实践要来使用jQuery改变页面的背景图片。可以先试试效果:http://hovertree.com/texiao/jquerytree/2/当你打开页面时,会看到一闪一闪的雪花效果。这不是使用jQuery的效果,只是用CSS设置了背景图片为动态图... 阅读全文
posted @ 2015-12-21 14:30 计划 阅读(518) 评论(0) 推荐(0) 编辑
jquery返回顶部,支持手机
摘要:jquery返回顶部,支持手机效果体验:http://hovertree.com/texiao/mobile/6/在pc上我们很容易就可以用scrollTop()来实现流程的向上滚动的返回到顶部的动画,然后用到web移动端却没什么卵用,会出现滚动不流畅,卡顿,失灵等等现象。这是因为移动端的scrol... 阅读全文
posted @ 2015-12-19 22:29 计划 阅读(6756) 评论(0) 推荐(0) 编辑