http://www.mb5u.com/changyongdaima/ajax_javascript/ 网页特效 / 常用代码 / Ajax/JavaScript zh-cn http://www.mb5u.com/changyongdaima/48338/ CSS实现鼠标经过放大图片，点击图片在当前页当前位置显示大图，应用的是Lightbox特效，其实不是纯CSS完成，配合了Lightbox插件，示例原型是一个小型的相册，一个横向排列的和一个竖向排列的，点击图片在当前页显示大图片，现在有不少朋友都想在自己的博客中加入Lightbo 2017-06-26 01:23:45 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48334/ 超级经典的支持二级分类的网站横向导航菜单，CSS+JavaScript联手打造，很多网站都在用。 因为用到了不少的图片资源，因此这里将其一并打包供下载。功能演示可以看上边的截图，这种菜单的操作体验很不错，大部分人都喜欢。二级菜单同样也精彩，鼠标移向菜单时候的背景类 2017-06-26 01:22:16 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48330/ 完全图片搭配实现的CSS菜单，虽然外观挺好看，不过看过之后发觉设计不是太合理，可能本人不喜欢这种方法吧，它是用图片堆砌出来的，如果要修改菜单的某一项的话会有点麻烦，菜单上的响应鼠标变化的效果也是基于图片平铺背景实现的。 2017-06-26 01:15:48 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48326/ CSS配合JS打造多风格切换的菜单，有多种风格可以无刷新切换，绿色、蓝色、棕色、灰色等，每一种风格都包含各自的风格图片包以及CSS定义文件，非常实用哦。 2017-06-26 01:17:40 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48077/ 一个裁切图片专用的拖动选择框插件，自带了三种方式的裁切框使用演示： Demo1：随意拖动位置和大小 Demo2：随意拖动位置,锁定尺寸大小. Demo3：随意拖动位置,保持尺寸宽高比 2012-05-08 21:14:23 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48076/ 呵呵，在网上看到大网站的微博中有一图片旋转的特效，搞的很火，于是乎，自己动手写，虽然不完善，但至少自己以后用着方便了，IE应用的是私有滤镜，而Firefox应用的是即将流行和未来流行的canvas，请参考一下。 代码里部分： o旋转图片ID; p选择旋转方向,固定值为‘lef 2012-05-08 21:14:23 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48075/ JavaScript手风琴图片展示效果代码，确实效果不错的东西，鼠标放到风琴的每一个键位上，会滑出清淅大图，整体效果动感十足，这种排列方式称之为横向手风琴，还有竖向的，特效用了几个比较大的图片，因此压缩包比较大。 2010-05-24 18:26:13 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48074/ JavaScript手风琴样式的折叠菜单，从往的手风琴菜单大多是横向排列的，其实有时候说看手风琴还不如说是折叠菜单，这样更好理解一些，我们在编写后台程序的时候，这种菜单是我们所需要的。而且本款菜单加入了动画效果，让菜单的实用的同时同样具备生动的元素。 2012-10-03 11:06:35 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48073/ js模仿google265导航模块上移、下移功能，163CSS作品，获取更多请直接进入该站。 本演示示例实现网页上的各个模块点击鼠标后上移或者下移，其它模块自动填补，中国人同学录首页有这种功能，让用户自己选择适合自己浏览习惯的模块，有效提升用户体验。 2010-05-24 18:26:21 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48072/ 有道的一种链接提示效果，显示图片，鼠标放上去，大图显示出来，使用方便简单。 2012-10-21 20:32:38 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48071/ JS网页版颜色选择器，也就是大家所说的拾色器，在PhotoShop、DW、Flash软件里面，都有这个东西，作用于拾取屏幕上任意一点的颜色值。本插件是用在网页上的，完成的功能一样，运行的环境不同。这个颜色拾取器用起来挺方便，鼠标在颜色样板上移动，会适时显示颜色基色值 2012-10-21 20:32:38 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48070/ EasyWindow一个网页版窗口显示插件，这显示是一个在网页上模拟Windows窗口的插件，可新建、关闭、拖动基于层的网页窗口，每一个可定义不同的显示样式、颜色、大孝显示的内容等，更重要的是它的兼容性非常好，调用方便快捷。 2012-05-24 13:19:22 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48069/ 这是一个综合的TAB标签应用，高仿126邮箱风格的Tab，专用于网站的后台管理界面菜单，与EXT风格非常相似，大家都知道，EXT固然漂亮，但是太紊肿，太庞大，一个小应用也用到很多EXT自身所带的修饰文件，本风格简化了EXT，而且也很漂亮。 2012-05-08 21:14:23 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48068/ 超多树形结构的JavaScript菜单实例，树控菜单，有大家常用的展开折叠型，也就是节点树；还有的是多级的菜单，类似树型，右键菜单树，还有的是悬浮层树，都比较不错，希望大家喜欢。 2012-09-21 21:57:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48067/ 一个Ajax弹出层实例，使元素fixed定位 2012-05-24 13:20:14 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48066/ DojoZoomer不但带有图片切换的效果，而且还具备强大的拖动放大功能，鼠标在大缩略图上拖动，右侧会显示出拖动区域的大图片，下侧的缩略图可供用户更换不同的图片，可以说本效果比较综合，用到了两个官方的JS封装库，有空好好研究一下。 2012-10-16 12:25:29 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48065/ dBank又一款开源的Javascript框架集，bBank是一个轻量级的js框架，提供了css选择器来获取dom对象，ajax等一些功能。 使用bBank的css选择器来获取一个dom对象或dom对象数组 *注意：bBank是使用css操作符来选择dom对象的，用#id来表示id；.class来表示样式；[attr=val]来 2012-10-03 11:06:35 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48064/ 基于CSS+JavaScript的网页版俄罗斯方块游戏，不管是功能或是界面设计得都比较炫，很经典的网页游戏，小时候经常玩俄罗斯方块，就一种享受。本游戏可设置界面颜色、设置广场数量、游戏速度、游戏难度等，前端编程的高手朋友有兴趣要参考一下。 2012-05-08 21:14:23 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48063/ FilteringBlocksJS+CSS美化的购物产品列表，响应鼠标变色，一眼能看出，这种写法是来自一款国外的风格，具体样式请看截图，大家如有兴趣，可下载参考。 2012-10-12 09:57:11 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48062/ CoolTab果然很酷的选项卡标签插件，这个插件用在统计报表或需要多步处理用户信息的时候比较适合，比如用户注册，第一步、第二步、第三步可分别嵌套在每个不同的Tab里，或是将不同的统计基表放置在不同的Tab里，用户可一清二楚浏览到每一步骤的详细情况，当然，至于用途 2012-10-19 21:33:50 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48061/ 在网页上显示列表数据的一个DataGrid插件，支持全选反癣表头排序等，可按字符大孝修改时间排列显示的数据，就像Windows资源管理器中的数据类似，这个插件是一个已封装好的类，并包括两种风格：经典风格和WindowsXP风格，根据内带的演示代码，你可以很方便的使用它。 2012-10-22 20:02:20 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48060/ 又一个实用的Javascript网页图片放大镜，看上去挺不错的，用JavaScript代码实现的，没有用jQuery，不过效果也很平滑，代码量少，调用方便，你可以直接将代码拷贝到网页里，然后设置一下图片的路径就行了。 2012-10-16 12:25:29 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48059/ JavaScript带图片的下拉导航菜单实例，当鼠标移过图片的时候，展现出对应的二级菜单，移开则消失，图片是随便找的，请根据自己的需要重新制作。 2012-05-24 13:20:22 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48058/ ymPrompt消息提示组件4.0版DEMO演示 调用方法及参数说明 在页面中引入ymPrompt.js。如： 在页面中引入对应的皮肤文件的CSS，如： 自定义组件的默认配置信息（此步骤可选，该方法可以在任意时间调用） 页面的js中通过ymPrompt.setDefaultCfg(cfg)方法修改组件部分或全部 2012-10-22 20:02:20 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48057/ Js封装的多图横向导航循环播放特效代码，源码中需要注意的：标签切换效果[标题框子元素(id/li),内容框子元素(id/li),事件(mouseover/click),默认显示第几条(-1表示在鼠标移出全部隐藏,仅在事件mouseover有效),轮播时间(1秒=1000)]，//滚动/切屏效果，[id,子容器/孙 2012-10-22 20:02:20 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48056/ 速度缓冲型滚动图片展示，JavaScript+CSS共同打造，Js代码不太多。本滚动为鼠标控制型，如果不点击则图片是静止的，如果点击后，图片开始滚动，最开始滚动很快，速度会慢慢减下来直到停止，好像带有速度缓冲，这样更容易让人接受。 2012-09-04 16:01:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48055/ MSClass,一款通用不间断滚动JS封装类,几乎支持目前所有流行风格的图片滚动,横向/竖向/连续/间断/等多种形式. 更新说明:+加入功能*修正、完善 1.65.071228 *横向、纵向滚动格式调整(解决横向滚动换行的问题，无需特殊设置) *彻底解决由于IE问题导致上下滚动页面留白的问 2012-09-21 21:57:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48054/ lhgdialog弹窗插件，以前就有的插件，已经作者的修正完善，并优化了代码，重新打包奉上。 使用时注意：lhgdialog目录是一个整体，不可破坏里面的目录结构，也不可对里面的文件改名，可以改目录名； lhgdialog支持的浏览器版本及类型：IE6.0+,Firefox2.0+,Chrome,Opera9 2012-09-04 16:01:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48053/ 一个纯JS版的图片切换导航以及图片轮转特效，切换效果有三种：淡出、移出、直接切换等，还可设置切换时间、切换方向等，封装的Js中部分代码释义如下： varlastImgOut=null;//记录图片消失的延时事件 varchangingPic=null;//增加一个对象用于保存消失过程中的图片对象， 2012-10-12 09:57:11 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48052/ 收集整理一组很经典的图片新闻切换效果，图片过渡时，可以选择滚动切换，也可以选择透明的淡入淡出过渡，这一组效果都很实用，兼容性好，调用超方便，并结合鼠标响应效果，相信会让不少朋友喜欢的。 2012-10-21 20:32:38 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48051/ DynamicOrderForm购物车自动合计插件，在购物网站都有用到。 2012-09-04 16:01:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48050/ ScrollNews新闻无缝循环滚动切换特效，不错的滚动效果，压缩包内的示例包括横向和竖向两种形式的滚动，本滚动结合图片和文字，运用CSS和Javascript技术，将滚动的内容扩展至DIV标签，也就是控制某个区域的滚动，而并非是一行或几个简单图片构成的滚动。 2012-09-04 16:01:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48049/ YTabs！多标签的新闻图片横向滚动导航，鼠标点击索引标号，可自动响应滚动，本滚动带有缓冲特效，速度由快变慢，更具动感色彩，插件核心由YTabs提供，作者有很多JS作品，欢迎到官方网站下载浏览。 2012-09-21 21:57:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48048/ Js滑动门，英文字母切换，仿淘宝购物索引效果，实际上是一个特别的修改菜单，淘宝购物有一个分类导航和这个效果是类似的，效果不错，希望大家喜欢。 2012-10-19 21:33:50 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48047/ 不容错过的YAlbum相册，由JavaScript封装，带缩略图索引，动感过渡效果，确实挺不错哦。 2012-09-04 16:01:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48046/ YTabs！基于Javascript+CSS的鼠标特效，当鼠标滑过新闻列表时会显示对应的图片，本代码已经过多次修正，兼容性好，调用超方便。而且设计美观，功能实用，有很多朋友都挺喜欢的哦。 2012-10-03 11:06:35 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48045/ 来自腾讯官网客服专区网页上的焦点图切换效果，带缩略图平滑图片切换，完全Javascript+CSS代码实现，并非使用了jQuery插件。而且JS代码还非常少，不亏是大网站的程序员所写，运行效果如上图所示，鼠标移动到小图上，会变换出大图片来，很经典很实用的一种导航特效。 2012-09-04 16:01:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48044/ 一款JavaScript图片盒子，仿腾讯网的图片浏览特效，带缩图，由胡尊杰编写封装，暂时没有添加图片过渡效果，关于滚动条的控制，简要说明一下： pyzy.MinImgsScroll={ intAllScrollSeep:0,//步长，单次滚动的幅度 intScrollCount:0,//滚动长度记录记录按象素滚动的长度与 2012-09-21 21:57:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48043/ YMessageBox确认提示、警告、错误提示窗等，用YaoUI重新写了下，但是没有做任何的优化，看上去还不错，在使用Ajax程序时，用这个模拟提示窗口应该比浏览器自带的提示框看上去更亲切。 2012-10-12 09:57:11 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48042/ JavaScript摸仿Flash平滑的图片切换特效，正方形版，支持自动播放功能，用鼠标直接点击也可实现切换。 2012-10-22 20:02:20 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48041/ 标签选项卡大家见过不少了吧，不过支持标签滚动的选项卡切换导航倒是不太多，本选项卡就是这种支持标签滚动的选项卡，可以支持加载HTML和JSON格式的数据。ytabs.js中的Carousel类来处理滚动效果，ytabs.js中还包含了YAO和tabView两个类，YAO是根据其他资源整理的一个常 2012-10-03 11:06:35 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48040/ ArtDialog仿Vista风格的javascript对话框组件，具有超高的兼容性，对IE、火狐、Google浏览器兼容都不错，而且设计精美，弹出框的功能也很多：比如弹出图片、弹出动画、右下角消息、询问框、警告、弹出菜单、调用外部页面等，代码书写规范，也可作为学习JavaScript的参 2012-09-21 21:57:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48039/ sheyMsg很漂亮的仿qq右下角滑出广告插件，仿腾讯右下角消息提示，showDalay:设置页面加载后显示时间延迟;autoHide:显示后自动隐藏的时间，默认30秒，设置为0表示不自动隐藏;隐藏时间如果设置的话，到下一次show时才会生效。 2012-10-16 12:25:29 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48038/ YTabs！MSN皮肤图片自切换标题新闻，一个很经典的图片新闻效果，皮肤是采用的是MSN的，兼容性好，调用方便。ytabs.js中包含了YAO和tabView两个类，YAO是我根据YUI还有一些其他资源整理的一个常用方法类，采用单体模式。而tabView则是完全由我自己，也是这个图片新闻效 2012-10-03 11:06:35 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48037/ YLoggerv1.1右下角广告插件，为了方便开发AJAX程序的调试用的，在页面中直接加载Logger跟踪框，免去了使用alert()方法在循环时不停点击的烦恼。虽然没有firebug或者firebuglite那么牛，但是也算是自己开发工具的一个初步的尝试吧。 2012-10-12 09:57:11 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48036/ JS+FLASH+XML，有缩略图，适合影视推荐展示专用，8幅图片轮番切换，响应鼠标动作，和滑动门效果相仿，不过这个是使用SWF为主文件，XML配置图片路径以及标题和链接等信息，JS作某些SWF硬性参数设置以及优化等工作。 2012-09-21 21:57:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48035/ 模块化的日历控件，基于jquery1.4模块使用时需要在使用日历的文本框需要指定一个类_calendar或_calendar_noearly（代表不能选择今天以前的日期），即可绑定。代码经过精心修正，避免与jQuery的this冲突。日历可返回形如：yyyy-MM-dd,wd格式的日期，wd为星期几，0代 2012-10-22 20:02:20 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48034/ YCalendar-风格漂亮的JS日历控件，本控件是在《Javascript设计模式》一书中第十三章《享元模式》的Web日历代码的基础上修改扩展出来的。基本实现了一个简单的日历控件的功能，setYear()方法显示年历，setMonth()方法显示月历。程序还不很完善，仅供大家学设计模式参考 2012-10-03 11:06:35 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48033/ 带左右箭头控制的图片浏览效果，QQ网站常见到的图片预览特效，本特效尚未100%开发完成，发上来仅供学习参考，实际使用过程中没有长时间测试。这里感谢作者共享出来。 2012-09-21 21:57:31 Ajax/JavaScript http://www.mb5u.com/changyongdaima/48032/ Ja仿京东购物商城分类导航模块，以前有不少的朋友在网上发贴求助这款菜单，这次发上来的是一位JS高手自已写的，作者官方网站还有许多类似的JS小插件，欢迎前去浏览。 2012-10-12 09:57:11 Ajax/JavaScript