随笔分类 -  Javascript

HTML5 Canvas爱心时钟代码
摘要:这是一款数字时钟动画,数字又多个小爱心组成,又何问起整理,随着时间推进,每一秒钟新数字替换旧数字,旧数字离去使用天女散花动画,花是五颜六色的.查看效果:http://hovertree.com/texiao/html5/48/推荐其他时钟:http://hovertree.com/h/bjaf/o0 阅读全文
posted @ 2017-07-22 11:02 计划 阅读(9427) 评论(0) 推荐(1) 编辑
jQuery图片自动添加水印插件
摘要:JS脚本(jQuery)为图片加水印效果预览:http://hovertree.com/texiao/jquery/94/本功能使用HTML5实现,可为图片加上文字水印,可设置文字,设置颜色,位置等,加水印的图片需和网页在同个域名下。完整代码如下: 源码下载:http://hovertree.com 阅读全文
posted @ 2017-02-11 17:33 计划 阅读(12399) 评论(1) 推荐(0) 编辑
jQuery点击图片弹出大图遮罩层
摘要:使用jQuery插件HoverTreeShow弹出遮罩层显示大图效果体验:http://hovertree.com/texiao/hovertreeshow/在开发HoverTreeTop项目的产品展示功能过程中,因为要把产品图片的大图显示给用户看,就使用jQuery制作了一个插件:HoverTre 阅读全文
posted @ 2017-01-09 08:55 计划 阅读(5295) 评论(1) 推荐(1) 编辑
2017新年快乐特效
摘要:2016年马上结束了,不管这一年经历了什么,付出和收获了什么,只能挥手和2016告别了。但愿这一年的经历,能让我们更好的把握未来的时间,把握即将到来的2017年。值此元旦来临之际,何问起制作了一个HTML5特效,预祝各位新年快乐,在2017年美梦成真!查看效果:http://hovertree.co 阅读全文
posted @ 2016-12-31 17:02 计划 阅读(4617) 评论(0) 推荐(0) 编辑
jQuery拖动剪裁图片作为头像
摘要:图片上传是许多网站的一个常用的功能,有时需要对上传的图片做初步的选择裁剪,比如上传头像。下面就是一个使用HTML5+jQuery实现的图片上传裁剪特效,可以对选择要上传的图片做缩小、放大、拖动和裁剪,由何问起调试改进,有需要的朋友可以参考一下。在文后附有源码下载。体验效果:http://hovert 阅读全文
posted @ 2016-12-28 10:35 计划 阅读(1918) 评论(2) 推荐(0) 编辑
CSS3和javascript中的transform
摘要:在javascript中,WebkitTransform 大概相当于 transform 。transform 为标准,WebkitTransform 适用于Webkit浏览器。js中的WebkitTransform在css对应于-webkit-transform属性。在css中transform 阅读全文
posted @ 2016-11-30 07:39 计划 阅读(27044) 评论(0) 推荐(3) 编辑
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 计划 阅读(2837) 评论(0) 推荐(0) 编辑
伙伴们休息啦canvas绘图夜空小屋
摘要:HTML5 canvas绘图夜空小屋 伙伴们园友们,夜深了,休息啦,好人好梦... 查看效果:http://hovertree.com/texiao/html5/28/效果图如下:代码如下: 转自:http://hovertree.com/h/bjaf/umtdyo4d.htm 更多特效:http: 阅读全文
posted @ 2016-04-15 23:59 计划 阅读(1482) 评论(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 计划 阅读(3831) 评论(0) 推荐(0) 编辑
节日来了发个HTML5红包
摘要:效果图: 请关注微信公众号 何问起 , 账号ihewenqi ,或者微信扫描下图二维码:关注后发送 愚人节 ,或 微信节日红包 ,可以体验效果。 代码如下: 转自:http://hovertree.com/h/bjaf/mcpnogp6.htm HTML5题目:http://hovertree.co 阅读全文
posted @ 2016-03-29 08:20 计划 阅读(5806) 评论(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) 编辑
美食网站响应式精美模板
摘要:本模板为自适应宽度模板,可兼容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) 编辑
三道Javascript的练习题
摘要:有语句“var x=0;while(____) x+=2;”,要使while循环体执行10次,空白处的循环判定式应写为: A.x<10B. x<=10C.x<20D.x<=20 答案:http://hovertree.com/tiku/bjaf/952ijb1f.htm javascript:下列有 阅读全文
posted @ 2016-02-02 08:59 计划 阅读(1174) 评论(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 计划 阅读(6662) 评论(0) 推荐(0) 编辑
祝圣诞节快乐好运气!
摘要:圣诞节到了,祝大家圣诞快乐!模拟抽奖体验效果: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返回顶部,支持手机
摘要:jquery返回顶部,支持手机效果体验:http://hovertree.com/texiao/mobile/6/在pc上我们很容易就可以用scrollTop()来实现流程的向上滚动的返回到顶部的动画,然后用到web移动端却没什么卵用,会出现滚动不流畅,卡顿,失灵等等现象。这是因为移动端的scrol... 阅读全文
posted @ 2015-12-19 22:29 计划 阅读(6757) 评论(0) 推荐(0) 编辑
JS+HTML5的Canvas画图模拟太阳系运转
摘要:查看效果:http://hovertree.com/texiao/html5/9.htm地球自传http://hovertree.com/texiao/html5/8.htm代码如下:HTML5模拟太阳系八大行星公转 - 何问起HTML5模拟太阳系八大行星公转首页特效原文打火机地球转动您的浏览器不支... 阅读全文
posted @ 2015-12-13 11:27 计划 阅读(6498) 评论(0) 推荐(0) 编辑
js无限级树菜单
摘要:以前做网站,树形菜单一般都很简单,自己定义风格样式,简单的js控制,后来原来网上很多文章都在讨论Js树型菜单,看了几个实例,发现这个树比较简单好用。http://hovertree.com/texiao/js/9.htm这个无限级可刷新Js树型菜单 menuTree1、可设置无限级菜单2、不必使用框... 阅读全文
posted @ 2015-12-09 13:54 计划 阅读(1931) 评论(0) 推荐(0) 编辑
今天大雪 看雪花飘落HTML5特效
摘要:今天大雪,弄一个下雪的特效。html5飘落的雪花堆积动画特效查看效果:http://hovertree.com/texiao/js/snow.htm以下是完整源代码,保存到HTML文件也可以看效果:下雪了,我们去堆雪人好吗? - 何问起下雪了,我们去堆雪人好吗?您的浏览器不支持播放音乐。请用支持ht... 阅读全文
posted @ 2015-12-07 12:34 计划 阅读(5948) 评论(7) 推荐(2) 编辑