Ajax/JavaScript

http://www.mb5u.com/changyongdaima/ajax_javascript/

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