随笔分类 -  javascript

选中文字之后显示其他层
摘要:选中文字这个其实不难,主要还是兼容性的问题在IE和OPERA下用document.selection在FF、safari、chrome下就用window.getSelection()这个方法,不过这方法返回的是对象,如果要用的话,就要转换为字符串先结构部分:我们终究会死。所以我们的人生目标不该是长命... 阅读全文
posted @ 2014-05-14 21:44 Durian`Yi 阅读(194) 评论(0) 推荐(0)
自己写的选项卡tab
摘要:样式:结构部分: 商品介绍 规格参数 包装清单 商品评价 商品介绍商品介绍商品介绍商品介绍 规格参数规格参数规格参数规格参数 包装清单包装清单包装... 阅读全文
posted @ 2014-05-12 16:56 Durian`Yi 阅读(176) 评论(0) 推荐(0)
添加class 和 删除class
摘要:直接用obj.className = "string"这个函数,可以直接改变对象的样式,但是如果该对象有多个class的时候,那么直接用就不适合了这样会把所有的class直接等于string,所以现在动手编写一个添加class和删除class的函数添加class: function addCl... 阅读全文
posted @ 2014-05-12 16:35 Durian`Yi 阅读(294) 评论(0) 推荐(0)
定时图片轮播图
摘要:先是HTML部分 样式部分:然后是JS方面:先上一个通过CLASS来获取样式,前面的随笔文章当中有发布过:通过正则写一个较为完美的getByClass函数 function getByClass(oParent,sCla... 阅读全文
posted @ 2014-05-11 20:13 Durian`Yi 阅读(218) 评论(0) 推荐(0)
多用途运动框架
摘要:该运动框架可以用于改变宽度、高度、字体大小、透明度、Left、top等值先上一个获取真正样式的函数//定义getStyle函数,获取真正样式function getStyle(obj,attr){ if(obj.currentStyle){//兼容IE return obj.cu... 阅读全文
posted @ 2014-05-11 20:09 Durian`Yi 阅读(334) 评论(0) 推荐(0)
发布一个带呼吸灯效果的函数changeColor
摘要:折腾了一晚上,终于自己全程手写出一个颜色渐变的函数,很兴奋的感觉,之前做出来的,不是渐变,是闪烁目前在FF、IE6-8都可以用,反而IE9不行了,还不知道什么原因先上代码吧工具类: //工具:获取真正样式 myBlog.tools.getStyle = function (obj,att... 阅读全文
posted @ 2014-05-07 09:47 Durian`Yi 阅读(1109) 评论(0) 推荐(1)
颜色闪烁blinkColor
摘要:本来想写一个颜色渐变的的函数的,谁知道写出来的是闪烁的效果,哎,有点小伤心~~不说了,直接上代码吧 1 /*iTarget是十六进制的形参*/ 2 function blinkColor(obj,iTarget){ 3 clearInterval(obj.timer) 4 ... 阅读全文
posted @ 2014-05-06 09:46 Durian`Yi 阅读(416) 评论(0) 推荐(0)
添加事件绑定程序
摘要:最近一段时间都在看有关的一些技巧和教程,于是就摘抄了下来,很多都忘记出自于哪里了,要是哪位大神有见到不妥的地方,请联系我 1 /*oTarget:绑定对象目标 2 sEventType:事件类型,如onclick、onmouseover等 3 fnHandler:事件处理函数 4 */ 5 func... 阅读全文
posted @ 2014-04-29 10:00 Durian`Yi 阅读(166) 评论(0) 推荐(0)
封装函数getClient获取当前显示区域的大小,即clientWidth和clientHeight
摘要:1 //获取当前显示区域的大小,即clientWidth和clientHeight 2 function getClient(){ 3 var isXHTML; //初始值默认 符合DOM的xHTML标准 4 var clientWidth,clientHeight; 5 if(docume... 阅读全文
posted @ 2014-04-29 09:16 Durian`Yi 阅读(488) 评论(0) 推荐(0)
通过正则写一个较为完美的getByClass函数
摘要:getByclass传入两个参数,oParent是父集,sClass是要传入class名称 1 function getByClass(oParent,sClass){ 2 var aChild = oParent.getElementsByTagName("*"), 3 r... 阅读全文
posted @ 2014-04-28 23:24 Durian`Yi 阅读(502) 评论(0) 推荐(0)
获取当前scrollTop和scrollLeft,兼容XHTML
摘要:1 // JavaScript Document 2 /* 用法与测试: 3 var myScroll = getScroll(); 4 alert("myScroll.scrollTop:" + myScroll.scrollTop); 5 alert("myScrol... 阅读全文
posted @ 2014-04-28 09:42 Durian`Yi 阅读(260) 评论(0) 推荐(0)
修改多CLASS的标签
摘要:虽然用obj.style.className可以直接修改标签所属的类名,但是还是有限制的,比如说,这个标签有多个class的时候,就比较不适用了:1 .pd10{padding:10px;} 2 .mg10{margin:10px;}结构如下:1 如果我们想把.pd10这个类删掉,用style.c... 阅读全文
posted @ 2014-04-24 10:12 Durian`Yi 阅读(245) 评论(0) 推荐(0)