随笔分类 - javascript
JavaScript
摘要：效果体验：http://hovertree.com/texiao/jquery/93/竖直的主菜单贴着页面左侧，当光标移入菜单项时，以3D动画的方式弹出对应的二级菜单。采用jQuery和CSS3实现。支持Chrome，火狐，Edge等浏览器。效果图：代码如下： 对于代码中的jQuery事件，可以使用
阅读全文
摘要：以前制作网页动画一般使用javascript，现在已经有越来越多动动画使用纯CSS实现，并且动画的控制也可以使用CSS3实现，因为CSS 3来了，CSS 3的动画功能确实强大。以下是一个纯CSS3制作的风车旋转动画，而且也用CSS 3控制速度。体验效果：http://hovertree.com/te
阅读全文
摘要：这是一个使用了CSS3立体效果的强大特效，本特效使用jQuery跟CSS3 transform来实现在用户鼠标按下拖动时，环形图片墙可以跟随鼠标进行3D旋转动画。效果体验：http://hovertree.com/texiao/jquery/92/进去后可以上下左右的拖动图片。本示例中使用到了CSS
阅读全文
摘要：用户登录是许多网站必备的功能。有一种方式就是不管在网站的哪个页面，点击登录按钮就会弹出一个遮罩层，显示用户登录的对话框。这用方式比较灵活方便。而现在扫描二维码登录的方式也是很常见，例如QQ、微信、百度等。现在何问起推荐一个带二维码的登录弹出层，可拖动、关闭，有需要的朋友可以参考一下。体验效果：htt
阅读全文
摘要：在 HTML 语言中，以下哪个属性不是通用属性？A]<class>B]<title>C]<href>D]<style> 在线练习：http://hovertree.com/tiku/bjaf/qi1g37nf.htm 在 CSS 样式定义中，以下哪种 RGB 颜色值是 Web 安全色？A]#1111
阅读全文
摘要：效果展示：http://hovertree.com/texiao/js/35/数字采用漂亮的糖果皮肤设计效果图：代码如下： 转自：http://hovertree.com/h/bjaf/o0yqj1ly.htm 更多特效： http://www.cnblogs.com/roucheng/p/texi
阅读全文
摘要：常用前端手册： http://caniuse.com/ http://www.w3school.com.cn/ http://www.runoob.com/ http://www.css88.com/ 预编译官网： http://www.1024i.com/demo/less/ http://les
阅读全文
摘要：随着触屏手机、平板电脑的普及和占有更多用户和使用时间，触屏的触碰、滑动等事件也成为javaScript开发不可避免的知识，现在何问起就和大家一起学习js的触屏操作，js的触屏touchmove事件，为手指在屏幕上滑动处罚的事件，这里制作了一个简单的示例，可以通过这个示例认识touchmove事件。效
阅读全文
摘要：脚本简介 HTML5 Canvas彩色小球碰撞运动特效是一款基于canvas加面向对象制作的运动小球动画特效。 效果展示 http://hovertree.com/texiao/html5/39/ 效果图如下：代码如下： <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要：本广告可以是图片也可以是Flash，可以设置自动播放的时间，可以手动停止和重播。效果展示 http://hovertree.com/texiao/jquery/80/源码下载：http://hovertree.com/h/bjaf/8jy44vm8.htm效果图如下：代码如下： 转自：http://
阅读全文
摘要：var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDa
阅读全文
摘要：一开始做前端页面的时候，接触的也是js，但是随后便被简单高效的jquery吸引过去，并一直使用至今。而js，则被我主观的认为底层技术而抛弃。直到这几天工作需要，研究移动端页面的触屏滑动事件，搜索jquery 的相应技术支持实在繁琐（当然也可能是我对jquery的理解不够），而js只需几步简单定义即可
阅读全文
摘要：近段时间使用html5开发一个公司内部应用，而触摸事件必然是移动应用中所必须的，刚开始以为移动设备上或许也会支持鼠标事件，原来是不支持的，好在webkit内核的移动浏览器支持touch事件，并且打包成app也毫无压力。原本以为touch事件应该跟鼠标事件是一样的道理，实践过程中虽然不难，但还是碰到了
阅读全文
摘要：效果展示 http://hovertree.com/texiao/jquery/77/看惯了左右切换的幻灯片，何问起向您推荐一个新颖的，旋转切换，通过点击按钮的相应区域可以使幻灯片以旋转的方式来切换图片，非常有创意。点击哪个颜色就切换到那个颜色，还带音效。背景图可以自定义。进入源码下载页面 http
阅读全文
摘要：jQuery 基金会刚刚发布了该 JavaScript 框架的 3.0 版本，并且首次抛弃了对老旧的 IE 浏览器的支持。jQuery 3.0 的工作始于 2014 年 10 月，其最初目标是在 2.0 版本之上进行完善，并和遥远的 1.0 版代码说再见——因为要兼容 IE 的缘故，其已经臃肿不堪。
阅读全文
摘要：在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以复制并粘贴大部分的代码结构，只要专注最主要的逻辑代码就行了。 使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂
阅读全文
摘要：一、数字写法 二、Math对象的用法 三、数字计算特殊结果 NaN就是Not A Number The not-a-number value has one unusual feature in JavaScript: it does not compare equal to any other v
阅读全文
摘要：原因:js按照2进制来处理小数的加减乘除,在arg1的基础上 将arg2的精度进行扩展或逆扩展匹配,所以会出现如下情况. javascript(js)的小数点加减乘除问题，是一个js的bug如0.3*1 = 0.2999999999等，下面列出可以完美求出相应精度的四种js算法 特效：http://
阅读全文
摘要：在js中，延迟执行函数有两种，setTimeout和setInterval，用法如下： function testFunction(){Console.log('hovertree.com');} setTimeout("testFunction()","6000"); //6000毫秒后执行tes
阅读全文
摘要：js验证表单大全,用JS控制表单提交 ,javascript提交表单 目录:1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字
阅读全文
