JavaScript 渐变效果页面图片控制第1/2页

2016年07月27日 9 阅读

使用该程序能实现很多常见的动画特效，包括大小变换、位置变换、渐显渐隐等等。 程序说明： 渐变效果的原理就是利用定时器不断设置值，如果要减速效果就设置一个步长（详细看JavaScript 弹簧效果） 。 这里只是把能渐变的属性（透明度、宽、高、left、top）整合在一起，使用相同的渐变级数（Step）使渐变同步，形成多个属性同时渐变的效果。 下面说说有用的地方： 【最终样式】 在JavaScript 图片切割效果的边宽获取中也说到了最终样式，在使用offs...

JavaScript blog式日历控件新算法

2016年07月27日 8 阅读

使用说明：程序比较简单，代码中都有说明，这里说说怎么使用。 首先是实例化一个Calendar，并设置参数。 参数说明： Year:要显示的年份 Month:要显示的月份 SelectDay:选择日期 onSelectDay:在选择日期触发 onToday:在当天日期触发 onFinish:日历画完后触发 一般SelectDay设置成选择了的日期，并在onSelectDay中设置一个函数用来设置这个日期的样式， 例如实例里SelectDay设置成今个月10号...

Javascript 读后台cookie代码

2016年07月27日 6 阅读

下面是我用正则的方法取cookie，包括单值和多值： 复制代码 代码如下:/************************************************** 参数说明： sMainName Cookie名 sSubName Cookie子键名，留空表示单值Cookie **************************************************/ function GetCookie（sMainName, sSu...

JavaScript 图片切换展示效果alibaba拓展版第1/3页

2016年07月27日 9 阅读

首先需要一个容器，设置它的overflow为hidden，position为relative； 容器里面还要一个滑动对象，设置它的position为absolute； 在initialize（）函数里初始化一些属性。 在切换之前先执行Start（）函数，进行相关设置， 主要是设置Index属性（索引）和_target属性（目标值）： 复制代码 代码如下:if（this.Index < 0）{ this.Index = this._count - 1;...

JavaScript 图片放大镜（可拖放、缩放效果）第1/4页

2016年07月27日 10 阅读

前些日子突然想做一个透镜效果，就突然想到了这个效果，于是找出当年“珍藏”的代码决定一尝所愿。 前言：这个程序主要分三部分：层的拖放、层的缩放、图片切割（包括预览）。 其中层的拖放是很常见的效果，层的缩放有点难度，图片切割看着炫其实原理也很简单。 不过在实现的过程中也学习到很多以前不知道的东西，下面都会说明，希望大家从中也能学到东西。 原理： 【拖放程序】 基本原理很简单，不知道的看代码就明白，其中参考了越兔和BlueDestiny的相关文章。 下面说一下比...

js 弹簧效果代码

2016年07月27日 8 阅读

虽然说的是弹簧效果，但实际上要实现的是定点坐标之间的加速和减速移动。 点到点的移动应该都知道怎么做，这里是通过设置滑动对象的left来实现的。 而减速效果，一般的做法是通过用目标值减当前值除以一个系数（一般为正整数），得到一个步长。 然后当前值加上这个步长作为新的当前值，然后反复取值直到当前值等于目标值。 由于这样得到的步长是越来越小的，而步长就是移动的值，所以就做成减速效果。 那如何做加速效果呢？ 由于取不到能对应减速步长的加速的步长（或者有方法我想不到...

JavaScript滑移效果代码

2016年07月27日 7 阅读

代码： js滑移效果 var $ = function （id） { return "string" == typeof id ？ document.getElementById（id） : id; }; function Event（e）{ var oEvent = document.all ？ window.event : e; if （document.all） { oEvent.pageX = oEvent.clientX + docum...

javascript textarea支持图形编辑

2016年07月27日 8 阅读

这样的话稍微修改下，评论等简单的textarea的表情插入就可以直接显示出来了 而不是只显示emot了 比较实用 标题起的确切，但如果叫“现textarea支持编辑”似乎更废话 代码 New Document 我的logo： var editor = document.getElementById（"editor"）; var img = document.createElement（"img"）; img.src = "http://w...

javascript字符串拆分成单个字符相加和不超过10，求最终值第1/2页

2016年07月27日 8 阅读

首先把你的生日列出来 比如 1987 12 25 然后一位位的相加 1+9+8+7+1+2+2+5=35 把得出的数字再拆分 再加 3＋5＝8 得出的数字8 就是最后的结果，如果超过10的话就在拆分再加 1 肾脏 2 眼睛 3 才华天赋 4 良性基因 5 友情 6 慈善之心 7 亲情 8 健康和寿命 9 爱情 10 恭喜你 你拥有纯净的灵魂 最适合典当cloeft的示例 var str = "19871229"; var count = 0; for（va...

Prototype中dom对象方法汇总

2016年07月27日 7 阅读

以下部分一个一个的详细介绍： $（element）：getElementById的封装，element可以是一个元素的id或元素本身，也可以是一个数组，这时返回一个数组，使用$方法，会自动调用Element.extend（element）方法，这样的话使元素可以直接调用Element中的方法, 例如Element.hide（element）可以写成这样$（element）.hide（）document.getElementsByClassName（clas...

Jquery与Prototype混合用法对比

2016年07月27日 8 阅读

但问题来了，由于jQuery以及prototype都使用了美元符函数“$”作为选择器，在两者混合使用的时候$函数被重复定义了，结果导致其中一个框架不能使用。 不过很快，有很多人给出了解决方案，如比较流行的方案是这样的： 复制代码 代码如下:<script src="http://jquery.com/src/latest/"></script> <script type="text/javascript"> JQ = $...

各种效果的jquery ui（接口）介绍

2016年07月27日 8 阅读

基本的鼠标互动：拖拽（drag and dropping）、排序（sorting）、选择（selecting）、缩放（resizing）各种互动效果：手风琴式的折叠菜单（accordions）、日历（date pickers）、对话框（dialogs）、滑动条（sliders）、表格排序（table sorters）、页签（tabs）、放大镜效果（magnifier）、阴影效果（shadow）第一部分：鼠标交互1.1 Draggables:拖拽所需文件：u...

javascript下IE与FF兼容函数收集

2016年07月27日 9 阅读

添加事件： 复制代码 代码如下://比如addListener（document,"click",function（）{alert（"阿会楠"）}） function addListener（element,e,fn）{ if（element.addEventListener）{ element.addEventListener（e,fn,false）; } else { element.attachEvent（"on" + e,fn）; } } 获取来源...

突破winxp sp2/win2003 sp2超强弹窗代码

2016年07月27日 7 阅读

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

js点小图显示大图的切换功能代码

2016年07月27日 9 阅读

javascript点小图出大图 练习 by 阿会楠 body{ text-align:center; margin:0 auto; } #imgList li img{ width:80px; height:80px; border:1px solid #cccccc; } ul li{ list-style:none; float:left; margin-left:20px; cursor:pointer; } .rborder{ bord...

js怎样实现下拉框改变，它旁边的图像也改变

2016年07月27日 7 阅读

biggrin confused cool eek frown han mad redface rolleyes smile tongue wink [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

js点击出现场层层外点击层消失的代码

2016年07月27日 7 阅读

点击一个连接显示层~点击其他区域隐藏 练习 by 脚本之家 #myDiv{ border:1px solid #000000; width:200px; height:100px; background:#cccccc; } function addListener（element,e,fn）{if（element.addEventListener）{ element.addEventListener（e,fn,false）;} else {...

Javascript模拟scroll滚动效果脚本第1/2页

2016年07月27日 6 阅读

Insert title here var oEventUtil = new Object（）; oEventUtil.addEventHandler = function （oTarget,sType,fnDo）{ if（oTarget.addEventListener）{ oTarget.addEventListener（sType,fnDo,false） } if（oTarget.attachEvent）{ oTarget.attachEv...

javascript各种复制代码收集

2016年07月27日 8 阅读

<input type="button" name="anniu1" onClick="copyToClipBoard（）" value="复制专题地址和url地址，传给QQ/MSN上的好友"> <script language="javascript"> function copyToClipBoard（）{ var clipBoardContent=""; clipBoardContent+=document.title; cl...

javascript的trim,ltrim,rtrim自定义函数

2016年07月27日 7 阅读

<script type="text/javascript"> function trim（str）{ //删除左右两端的空格 return str.replace（/（^s*）|（s*$）/g, ""）; } function ltrim（str）{ //删除左边的空格 return str.replace（/（^s*）/g,""）; } function rtrim（str）{ //删除右边的空格 return str.replace（/（...