摘要: Three.js是通过对WebGL接口的封装与简化而形成的一个易用的图形库。 简单点的说法:WebGL可以看成是浏览器给我们提供的接口,在javascript中可以直接用这些API进行3D图形的绘制;而Three.js就是在这些接口上又帮我们封装得更好用一些。 既然有了WebGL,我们为什么还需要T 阅读全文
posted @ 2017-09-19 17:38 名曰大神 阅读(11602) 评论(0) 推荐(0)
摘要: 在创建HTML5 Canvas元素之前,首先要检测浏览器是否能够拿支持他,如果不支持,就要用文字或图片替代,检测代码如下所示。 其中“<!--[if IE]<script type="text/javascript" src="../js/excanvas.js" ></script><![endi 阅读全文
posted @ 2017-09-13 14:36 名曰大神 阅读(1446) 评论(0) 推荐(0)
摘要: CSS3元素旋转、缩放、移动或倾斜 代码: 实现效果: 阅读全文
posted @ 2017-09-08 17:31 名曰大神 阅读(1394) 评论(0) 推荐(0)
摘要: 代码: 实现效果: 亲测有效哦! 阅读全文
posted @ 2017-09-08 17:28 名曰大神 阅读(1940) 评论(7) 推荐(0)
摘要: jquery性能优化的十种方法 有时候我们在书写jquery的时候,为了书写代码方便,往往忽略了程序执行过程中,给客户端带来的压力。随之而来的就是在某些低端浏览器或者低端电脑上运行速度缓慢,甚至无法运行等问题。 因此我们有必要对我们自己书写的jquery代码进行优化,以达到更快捷、更流畅的运行效果。 阅读全文
posted @ 2017-09-05 16:16 名曰大神 阅读(977) 评论(0) 推荐(0)
摘要: JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍 javascript中制作滚动代码的常用属性 页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: 阅读全文
posted @ 2017-09-05 15:48 名曰大神 阅读(175) 评论(0) 推荐(0)
摘要: 实现功能: 模仿淘宝图片放大效果,鼠标移动到小图片的某一处,放大镜对应显示大图片的相应位置。 实现效果: 实现代码: 阅读全文
posted @ 2017-09-05 15:32 名曰大神 阅读(1412) 评论(0) 推荐(0)
摘要: 功能实现: (1)设定图片称号的鼠标悬停事件; (2)在事件中利用自定义动画函数调整显示图片,并修改对应标号样式; (3)为图片显示区域设定鼠标悬停事件; (4)当鼠标停在该区域时,清除图片切换动画定时器; (5)当鼠标离开该区域时,重启图片切换动画,每隔2秒换一张图片; 效果图: (垂直滚动)实现 阅读全文
posted @ 2017-09-04 16:11 名曰大神 阅读(949) 评论(0) 推荐(0)
摘要: 功能实现: (1)设定单元格的单击事件,判定被单击单元格是否已经是可编辑状态; (2)取出单元格原有内容,想单元格中加入文本框,并把原有内容显示在文本框中; (3)当用户编辑完成或者取消编辑后,将文本框的值取出,删除文本框,并将值在单元格中显示。 效果图: 完整代码: 阅读全文
posted @ 2017-09-01 15:41 名曰大神 阅读(448) 评论(0) 推荐(0)
摘要: 功能描述: (1)设定起始页位置和每页的大小; (2)绑定自定义的分页事件,在事件中隐藏当前页不需要显示的行; (3)为表格添加页链接; (4)绑定链接的单击事件,在事件中触发表格分页事件。 效果图: 实现代码: 阅读全文
posted @ 2017-08-31 17:38 名曰大神 阅读(659) 评论(0) 推荐(0)
摘要: 实现功能: 通过点击表头某个字段,实现内容的升序或降序排序。 效果如下: 完整代码: 阅读全文
posted @ 2017-08-31 16:26 名曰大神 阅读(3885) 评论(0) 推荐(0)
摘要: event.keycode值大全 keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L 阅读全文
posted @ 2017-08-21 16:26 名曰大神 阅读(6677) 评论(0) 推荐(0)
摘要: 正则表达式 - 元字符 下表包含了元字符的完整列表以及它们在正则表达式上下文中的行为: 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。 匹配输 阅读全文
posted @ 2017-08-16 11:31 名曰大神 阅读(150) 评论(0) 推荐(0)
摘要: 非打印字符 非打印字符也可以是正则表达式的组成部分。下表列出了表示非打印字符的转义序列: 特殊字符 所谓特殊字符,就是一些有特殊含义的字符,如上面说的 runoo*b 中的 *,简单的说就是表示任何字符串的意思。如果要查找字符串中的 * 符号,则需要对 * 进行转义,即在其前加一个 \: runo\ 阅读全文
posted @ 2017-08-16 11:26 名曰大神 阅读(157) 评论(0) 推荐(0)
摘要: 说明:我是通过Workbook方式来读取excel文件的,这次以登陆界面为例 备注:使用Workbook读取excel文件,前提是excel需要2003版本,其他版本暂时不支持 具体步骤: 第一步:新建一个excel文件,并且输入数据内容 第二步:在eclipse中新建一个java class,编写 阅读全文
posted @ 2017-08-07 11:33 名曰大神 阅读(920) 评论(0) 推荐(1)
摘要: CSS3 动画(@keyframes,animation) CSS3 @keyframes 规则 要创建CSS3动画,你将不得不了解@keyframes规则。 @keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。 CSS3 动画 阅读全文
posted @ 2017-08-04 09:45 名曰大神 阅读(231) 评论(0) 推荐(0)
摘要: CSS3 过渡transition 应用于宽度属性的过渡效果,时长为 2 秒: div { transition: width 2s; -webkit-transition: width 2s; /* Safari */ } 添加了宽度,高度和转换效果: div { transition: widt 阅读全文
posted @ 2017-08-04 09:27 名曰大神 阅读(177) 评论(0) 推荐(0)
摘要: 3D转换transform rotateX() 方法 rotateX()方法,围绕其在一个给定度数X轴旋转的元素。 rotateY() 方法 rotateY()方法,围绕其在一个给定度数Y轴旋转的元素。 转换属性 下表列出了所有的转换属性: 3D 转换方法 阅读全文
posted @ 2017-08-04 09:19 名曰大神 阅读(142) 评论(0) 推荐(0)
摘要: 2D转换transform 2D变换方法: translate() 根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。 div { transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 阅读全文
posted @ 2017-08-04 09:01 名曰大神 阅读(196) 评论(0) 推荐(0)
摘要: 图像拼合 图像拼合 - 简单实例 实例解析: <img class="home" src="img_trans.gif" /> -因为不能为空,src属性只定义了一个小的透明图像。显示的图像将是我们在CSS中指定的背景图像 宽度:46px;高度:44px; - 定义我们使用的那部分图像 backgr 阅读全文
posted @ 2017-08-03 17:17 名曰大神 阅读(268) 评论(0) 推荐(0)