&&&&JS、JQuery、CSS+DIV实例大全part1(共两卷此卷为part1)
&JS、JQuery、CSS+DIV实例大全part1(共两卷此卷为part1)
(注意：本资源为本人亲自总结，手工整理出来。共327个应用实例，文件较大共分为两卷 part1 和 part2 两部分,以下是详细目录)
一、J Query实例大全
1) AjaxJavaScript资源
1. JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码
2. js+css简单后台二级树形菜单demo示例
3. JS+CSS美化经典Select选项框插件
4. JS+CSS通用一个页面同时三个焦点图轮换效果完整实例
5. JS+CSS网页版模拟QQ登录框界面特效示例
6. JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果
7. JS版本黑色超动感二级菜单导航模块代码 穿越火线游戏网
8. JS经典3款风格QQ客服在线浮动右侧与左侧代码
9. JS精简网页音乐播放器 浮动在页面顶部像工具栏
10. 超强JS网页版泡泡龙游戏下载
11. 兼容各浏览器JS+CSS水平和垂直无缝图片滚动效果代码
12. 漂亮暖色调js+flash平滑过渡大屏图片切换的广告代码
13. 实用国外JS内容选项卡DEMO下载
14. 推荐通用文字图片JS不间断滚动封装类 代替Marquee
15. 站长推荐全新兼容DIV+CSS版中国地图 JS+DIV+CSS支持热点效果的中国地图
16. 支持4级树形展开菜单插件dTree原版下载
2) JQuery Tab
1. jQuery.Switchable常见网页UI组件(整合Tabs、Slide、Scrollable等插件)
2. jQuery层拖拽插件之jquery仿QQ空间的模块拖动功能插件下载
3. jQuery动感图标切换网页Tab选项卡导航代码
4. jquery封装Tab标签选项卡,内含动画版选项卡及滑动门
5. jQuery实现flash动感切换选项卡TAB插件示例
6. jquery制作自动播放的TAB切换特效
7. 基于jQuery简单的Tab滑动门菜单代码(jQuery MoveTab)
8. 简单jquery选项卡插件下载(支持鼠标移上切换、点击切换、Ajax方式切换等)
9. 漂亮Tab插件之jQuery自动切换轮播Tab选项卡示例代码
10. 实用jquery+CSS实现流畅tab切换效果(Coda-Slider 1.1.1)插件
11. 实用jquery标签Tab插件下载可切换不同的颜色
12. 推荐jquery仿淘宝网商品排行榜展示切换效果,适合电子商务网站使用
13. 一款jQuery黑金钢动感Tab选项卡代码
14. 站长推荐jQuery动画翻转选项卡(flip风格)
3) 表单验证
1. jquery+css美化select下拉菜单插件(Stylish Select v0.3)下载
2. jQuery+CSS实现多项选择文本框的插件下载
3. jQuery表单验证插件EasyValidator 2.0带TIP提示效果
4. jQuery导航插件下载之支持三级的Menu暖色、动画、折叠功能的导航菜单
5. jquery美化CheckBox的插件下载
6. jQuery美化表单漂亮插件jqtransform下载
7. jquery强大表单字符输入限制插件jQuery AlphaNumeric下载
8. jQuery实现表格带排序功能的源码
9. jquery实现动感隐藏登录入口代码
10. jQuery限制input或texteara字符输入限制字数控制插件下载
11. jQuery支持三级菜单的超酷华丽炫彩动感多级渐显菜单下载
12. jQuery制作登录按钮实现Ajax带状态提示
13. jvalidate无刷新表单验证插件示例下载
14. 分享jquery无刷新多功能表单验证插件并漂亮美化表单及错误输入提示效果
15. 简单jQuery+CSS实现验证表单红色提示效果
16. 简单表单input输入框提示插件1.0下载
17. 另种效果的jQuery EasyValidator表单验证插件demo示例下载
18. 漂亮绿色多级动感仿flash效果的jquery网站导航菜单
19. 实用jQuery列表多项选择插件
20. 实用jquery实现鼠标滚轮控制改变文本框数字的插件
21. 实用jquery使用ul模拟表单select列表效果
22. 实用jQuery无限级导航菜单源码下载
23. 适合于网站注册的jQuery用户注册条款插件下载(带特效)
24. 提升用户体验jquery Ajax表单输入检测验证示例代码
25. 推荐jQuery美化Select下拉单选框模拟插件V1.3.6版本下载
26. 推荐jQuery美化select下拉框样式漂亮效果
27. 下载jQuery网页表单美化修饰插件(jQtransForm美化表单)
28. 一款jquery实现表单输入提示的Autobox插件(基于jquery.ui)
29. 一款美化表单下拉列表、复选框等的jquery combobox插件实例
30. 站长必备jquery实现combox自动筛选,高亮显示功能
1. jquery+CSS超炫丽横向多级滑动导航菜单
2. jQuery+CSS漂亮蓝色三级菜单下载
3. jquery+css实现简洁两级横向导航菜单,带动态效果
4. jQuery+CSS实现竖形动感导航菜单效果
5. jquery+div漂亮SmartMenu下拉菜单气泡透明效果
6. jQuery+div实现flash炫彩菜单插件下载
7. jquery+div实用漂亮精致的多级导航栏菜单插件代码示例
8. jQuery+ul实现漂亮竖直下拉菜单
9. jquery仿google首页图标动画菜单效果实现模拟鼠标动画菜单的代码
10. jquery仿卓越亚马逊网鼠标移到按钮弹出菜单的效果代码
11. jquery浮动变化的个性菜单插件floatmenu下载
12. jQuery黑色风格仿Flash版下滑菜单效果
13. jquery黑色循环滚动菜单特效插件下载
14. jquery灰色简洁风格横向三级网站导航菜单
15. jquery简洁动感支持三级的黑色导航菜单
16. jquery类似TAB一样的动感菜单下载
17. jquery绿色动感滑动下拉多级导航菜单代码下载
18. jQuery美化复选框Checkbox和radio单选框的插件hcheckbox示例
19. jQuery漂亮Flash卡通动感菜单示例
20. jQuery漂亮动感二级网站导航菜单源码下载
21. jquery漂亮苹果系统动画效果的导航菜单示例
22. jquery平滑效果黑色横向与纵向多级下拉菜单插件(支持5级)
23. jquery实现的动感菜单导航条源码
24. jquery实用滚动下拉菜单代码
25. jquery鼠标移动出现下拉菜单及提示特效代码
26. jquery外国滚动型多级展开菜单插件(jGlideMenu)下载
27. jquery自由滚动切换 标签式导航菜单示例
28. 博客Blog横向jquery动态滑动菜单插件示例
29. 打包50种实例的大型树形菜单控件JSTree(基于jQuery)下载
30. 打包两款实用jquery+div横向滑动的下滑菜单代码(兼容性好)下载
31. 非常帅jquery仿雅虎网超大菜单导航代码
32. 分享jquery带阴影效果折叠菜单dropdown给大家
33. 分享下载jquery+Css黑色风格版的手风琴菜单,带动感效果
34. 分享一款jquery收缩展开的多级导航(附带手风琴效果示例)
35. 国外漂亮动感jquery三级导航菜单插件(横向自动展开)下载
36. 基于jquery美化表单效果的插件
37. 兼容性好的jquery+div漂亮黑色动感下拉菜单
38. 简单jquery背景滑动菜单插件示例
39. 经典jQuery三级省、市、县级联菜单下载
40. 漂亮jQuery+CSS橙黄色两级导航菜单示例下载
41. 漂亮jQuery+CSS竖直菜单下拉展开菜单(手风琴)动画缓冲效果
42. 漂亮jQuery四级滑出菜单插件带动画效果适合大多数网站
43. 漂亮绿色jquery下拉菜单导航条源码下载
44. 漂亮实用jquery绿色风格水平二级导航菜单
45. 适合后台的jquery二级下滑菜单带展开与合拢功能
46. 树形菜单jquery.popup支持文本框弹出层选择项插件
47. 通用性强的jquery带箭头跟随的垂直菜单组(jquery vmenu)插件下载
48. 推荐jQuery黑色多级横向菜单导航(带动画效果)
49. 学习jQuery简单伸缩菜单代码实例
50. 一款jquery仿flash滑动左侧菜单插件代码下载
51. 一款jQuery实现伸缩型菜单源码下载
52. 一款jQuery制作仿FLASH动感导航菜单效果(附PSD)
53. 又一款jquery蓝色经典的三级动画网站菜单
54. 又一款黑色风格jQuery支持多级的动感下拉菜单源码
55. 增加用户体验之jQuery黑色下拉菜单插件下载
56. 站长必备jQuery横向动感菜单代码下载
57. 站长必备jQuery可展开与折叠的竖向手风琴内容展示菜单
58. 支持3级的jquery天蓝色动画菜单下载,适合艺术类、儿童类网站使用
1. jquery仿div透明模态弹出窗插件下载
2. jquery实现多风格消息弹出框插件jGrowl下载
3. jQuery弹出层插件PopupDiv-v1.0下载(支持ajax、居中等效果)
4. jQuery超炫淡入淡出效果DIV渐变居中弹出框插件下载
5. jquery黑色+蓝色风格DIV提示框示例
6. 一款jQuery+DIV居中淡入淡出信息提示框示例
7. 一款jQuery可拖动提示窗插件(对话框Dialog插件)
8. 一款基于jQuery实现的多功能弹出窗插件weebox及示例代码
9. 一款支持拖拽的jQuery层弹出窗口(TipsWindown1.0版本)下载
10. 分享一款jquery Ajax弹出对话框插件SimpleModal
11. 下载jQuery对话框Dialog弹出层插件演示与使用说明
12. 实用jQuery漂亮浮动层插件,精美Dialog代码
13. 带关闭按钮jquery+div消息弹出层代码例子
14. 推荐jQuery+CSS实现图片放大浮动层带关闭按钮
15. 通用jQuery对话框dialog或popup弹出层或提示窗口插件下载
6) 工具提示
1. jquery+div随屏幕滚动特效(支持设置参数滚动)
2. jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载
3. jquery实现Tooltip提示(文字、链接、地图锚点),自带5种不同样式
4. jQuery实现支付宝隐藏层提示信息内容的功能
5. jquery实现鼠标划过网址名称显示网站截图功能
6. jQuery带Tips动画提示通用表单验证插件下载(jquery validate),动画效果漂亮
7. jQuery鼠标移到下载地址滑出气泡提示效果的插件
8. 又一款jquery实现链接Tip演示下载
9. 常用jQuery弹出式链接提示效果Tooltip源码下载
10. 相当牛的jQuery动感TipBox,鼠标移上去会动的提示框哦
11. 简单实用jQuery用于登录弹出层例子代码(带动画的弹出层)
12. 综合jquery实现表格隔行换色和鼠标经过提示效果源码
7) 日历插件
1. jQuery简洁漂亮点阵数字时钟显示日期的插件
2. 一款简单jQuery日历选择器代码
3. 基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果
4. 基于jquery实现多功能日历插件(weekcalendar)1.2版本下载
5. 实用漂亮jQuery网页日历插件datePicker下载
6. 简洁实用jquery日期选择插件之jQuery datePicker下载
8) 图片展示
1. 2款jQuery图片自动切换常用广告代码
2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码
3. jQuery+CSS实用图片收缩与放大效果插件
4. jquery+div实现同时滑动切换的图文展示特效插件下载
5. jquery+div带动画按钮图片手动与自动切换的特效代码
6. jquery一页多用的飞飞图片幻灯插件演示
7. jquery仿flash产品图片多角度展示特效代码
8. jquery仿flash图片放大相册的插件代码(Zoomer Gallery)下载
9. jquery仿flash的图片幻灯片播放特效实例完整版
10. jquery仿LightBox图片盒子单击逐渐放大的图片展示的插件下载
11. jquery仿Lightbox的插件jQuery UI.ariaLightbox点击图片放大显示插件下载
12. jQuery仿动感flash自动滚动图片切换广告插件
13. jQuery仿新浪新闻图片浏览器(支持鼠标左右滚动控制图片切换)
14. jquery仿苏宁易购商城产品图片全方位展示功能
15. jquery制作漂亮按钮示例打包
16. jQuery动态切换网页背景的大块图片的导航栏代码
17. jquery图文排行混合互相切换效果(仿Vancl效果)
18. jQuery图片插件之鼠标放在图片上出现动态的hover效果插件
19. jQuery图片自动轮播淡入淡出的幻灯插件iFadeSlide
20. jQuery大气banner带时间线自动播放的焦点图轮番切换代码
21. jquery定时自动切换banner广告图片动画插件示例
22. jquery实现LightBox图片点击放大效果的图片盒子插件
23. jQuery实现slider图片滚动,单个滚动，成组滚动示例
24. jQuery实现产品图片循坏旋转的代码
25. jQuery实现动态图文分组排序切换源码
26. jQuery实现图片3D旋转特效插件 v1.1版本下载
27. jQuery实现图片3D立体感的前后轮番展示特效
28. jQuery实现图片取景器仿相机拍照功能的插件photoShoot
29. jQuery实现图片变色特效插件与实例下载如jquery图片变灰色
30. jquery实现图片可拖动展示的实例下载
31. jQuery实现拖动滚动条的缩略图排列插件下载
32. jQuery实现焦点图片Flash自动平滑渐变效果
33. jQuery实现鼠标移到链接提示显示图片功能插件
34. jquery实现鼠标经过链接放大图片特效代码
35. jquery实用Banner大图片横向切换效果
36. jquery实用产品图片展示动感切换效果源码
37. jquery平滑交换真彩色的图片逐渐变为黑白图像的代码
38. jquery异步加载图片的插件jqGalScroll下载
39. jquery微型相册插件Micro Image Gallery下载
40. jQuery把图片放大及变亮特效插件下载
41. jquery拖动滚动条控制图片滚动及图片放大特效的示例
42. jquery旋转式图片切换并带图片放大功能
43. jQuery漂亮网页右上角双层撕角广告代码
44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片个数等示例
45. jQuery演示Ajax加载并显示图片的相片画廊实例
46. jQuery版Sexy Lightbox 2.3内容修饰框插件下载(支持HTML,flash,图片,视频等)
47. jquery版自动滚动图片动画特效插件可处理图片JSON数据源
48. jQuery电子商务网站产品展示插件之仿苏宁易购商城产品图展示特效
49. jquery相册播放器插件实现无序图片列表转换成有序并播放
50. jQuery移动网页背景图浮云流水特效
51. jquery简单控制上下、左右四方向滚动的特效插件下载
52. jquery缩略图滚动特效之带小图的网页元素滚动轮播插件
53. jquery网站顶部滑动广告插件
54. jquery自动播放图片滚动漂浮式效果的示例
55. jquery贴图旋转及缩放插件下载
56. jquery门户网站首页全屏弹性伸缩至小屏的广告代码(非常实用)
57. jQuery黑色动感Ajax无刷新动态分组图片效果代码
58. jquery黑色风格左右带箭头的图片浏览控制插件下载
59. jQuery鼠标滑动图片显示标题与简介的滑动动感特效代码
60. jQuery鼠标移上小图显示大缩略图功能
61. js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例
62. Supersized jQuery全屏相册图片自动切换插件
63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好)
64. [荐]jQuery焦点图幻灯切换插件Tab选项卡(soChange 1.4)下载
65. 一款jQuery仿flash放大图片的相册插件
66. 一款jQuery仿苹果mac os系统经典菜单效果源码
67. 一款jQuery动感左右滚动图片切换插件带缩图一起滚动
68. 一款jQuery实现banner图片轮显、广告切换、图片幻灯插件EasySlide下载
69. 一款jquery实现图片放大插件imgBox下载
70. 一款jQuery实现漂亮精美相册插件源码
71. 一款jQuery左右箭头控制大图滚动切换的代码
72. 一款jquery常用产品图片放大效果插件下载
73. 一款jQuery插件slide幻灯片切换图片宽高自适应
74. 一款jQuery漂亮淡出淡入焦点大图切换源码
75. 一款jquery缩略图商品切换放大展示功能插件
76. 一款使用jQuery左右控制横向图片滚动的代码
77. 一款基于jquery定时图片切换代码下载
78. 一款实用经典jQuery图片切换展示插件下载
79. 下载jQuery动感广告图片翻转插件(PictureRoll)示例版
80. 下载JQuery淡入淡出效果插件InnerFade
81. 下载jquery走马灯效果图片连续滚动的实例
82. 几种简单实用jQuery焦点图片自动切换效果
83. 分享jquery仿LightBox动感多样式图片放大插件zoomimage下载
84. 分享jquery仿当当网店铺图片轮番切换(同时显示图片说明)代码下载
85. 分享一款jQuery thumbnail惟美的图片Tip提示效果
86. 分享一款jquery仿lightbox无刷新图片显示插件PrettyPhoto下载
87. 分享多款jQuery图片预加载切换效果(上下滚动、淡入淡出渐变等)
88. 动感十足jquery仿腾讯图片滚动浏览功能(带左右控制按钮)MovingBoxes插件下载
89. 参考JQZOOM插件使用jQuery仿京东网产品展示切换及放大效果的代码
90. 又一款jquery自动轮播焦点图+内容的广告代码
91. 又一款非常不错的jQuery+div大气新闻图片切换插件代码(AnythingSlider)下载
92. 基于jQuery带时间轴宽屏图片切换源码
93. 基于jQuery的横向无缝图片滚动插件jcarousel
94. 实用jquery焦点图源码2
95. 常用jQuery新闻焦点图片切换效果插件
96. 强大jQuery实现3D文字三维旋转效果代码下载
97. 很帅的jquery焦点图切换源码可用于产品大图展示
98. 很帅的jQuery鼠标移动预览图展示+简介内容展示特效代码
99. 打包jQuery实用3个焦点图切换自动切换特效的代码
100. 打包jquery拖动条拖动图片缩略图及放大图片效果插件(翻版thickbox插件)
101. 打包基于jQuery对图片边框修饰插件示例下载(支持图片阴影效果、顶部banner效果、邮票边框、毛边相框、云朵包围效果)
102. 推荐jquery仿Flash大banner图片切换播放特效,非常完美
103. 推荐jQuery仿新浪QQ绝好图片轮播效果带左右控制插件
104. 推荐jQuery兼容所有浏览器的自定义多样式图片幻灯片插件(KinSlideshow)下载
105. 推荐jquery动画制作示例图片滚动和飞行乌鸦,车窗效果,非常强大
106. 推荐jQuery实用缩略图广告效果插件下载
107. 推荐jQuery模拟Windows视窗的效果实现相册图片拖动特效插件
108. 推荐jQuery网站首页三幅banner切换大图广告自动滚动代码下载
109. 推荐jQuery购物类产品图片放大插件jqzoom v2.0下载
110. 推荐实用jquery图片截取代码下载
111. 站长推荐jQuery产品展示专用的图片幻灯+缩略图、左右控制按钮实例下载
112. 站长推荐一款非常精美的jQuery 1.4漂亮相册程序打包给大家
113. 站长素材推荐jQuery带箭头控制左右图片滚动效果
114. 第二款jQuery左右移动图片+内容展示插件代码
115. 简单jQuery实现产品图片自动左右滚动插件下载
116. 编辑推荐jQuery超帅模拟图片翻页的展示Flash特效效果
117. 适合网站内容推广淡入淡出特效的jQuery焦点图结合文字导航切换特效(很精美)
118. 非常不错jQuery放大镜实例包下载(可放大图片与区域放大的AnythingZoomer插件)
119. 非常不错jQuery网页内容图片分类插件带特效
120. 非常实用的jquery幻灯切换广告源码
121. 非常帅的jQeruy图片切换拖影变清淅的神奇特效
122. 非常漂亮jQuery左右切换三屏大幅焦点图广告代码下载
1) CSS网页模版
1. 一款DIV绿色效果网页模板
2. 一款浅蓝色DIV+CSS企业软件宣传全站模板
3. 一款深蓝色DIV商务网页模板
4. 一款潮流前线CSS网页模板
5. 一款简洁漂亮棕褐色网页模板(DIV+CSS实现)
6. 一款纯DIV+CSS商店模板下载
7. 一款纯DIV+CSS灰色风格的网页模板
8. 个性网页模板之用花装饰的DIV网站模板打包
9. 公司类模板下载之专业公司DIV+CSS网页模板
10. 公司类网页模板推荐大气的公司CSS模板下载
11. 博客模板下载之DIV+CSS实现纸张效果博客模板
12. 博客模板下载之灰色blog模板
13. 商业模板下载之纯DIV+CSS制作深褐色商务网页模板
14. 圣诞节日网页模板之欢乐圣诞纯DIV网站模板下载
15. 圣诞节模板下载之圣诞礼物CSS网页模板
16. 室内装饰类企业网页模板下载
17. 工程类公司DIV网页模板源码下载
18. 整套完整版纯DIV+CSS律师事务所类整站全套模板
19. 深蓝色DIV公司类网页模板下载
20. 深蓝色网页模板整理2
21. 漂亮HTML网页模板纯DIV编写
22. 漂亮模板推荐之水鸭色DIV+CSS网页模板
23. 漂亮纯DIV+CSS绿色风格网页模板
24. 漂亮网页模板下载之DIV+CSS木质性网站模板
25. 漂亮英文DIV+CSS餐厅网站模板源码
26. 简单纯DIV橙色网页模板
27. 纯DIV+CSS制作的黑绿风格植物类网站模板
28. 纯绿色博客类DIV网页模板
29. 经典黑色DIV公司网页模板
30. 绿色清新效果DIV网页模板
31. 网页博客模板下载之DIV+CSS黄色博客模板
32. 适合旅游类DIV+CSS网站模板源码
2) DIV+CSS实例
1. CSS导航菜单之颜色淡绿色水平导航菜单源码
2. CSS橙色一级导航菜单示例
3. CSS绿色网站导航菜单
4. css菜单系列之纯CSS灰色下拉菜单源码
5. css菜单系列之纯CSS黄色垂直左栏导航菜单
6. DIV仿支付宝导航菜单实例
7. jQuery+CSS实现蓝色垂直导航菜单带提示效果
8. jQuery实现车门滑动效果菜单源码，很帅哦
9. Jquery经典插件收集
10. 使用jquery实现清新蓝色CSS二级菜单
11. 兼容IEFF浏览器不规则TAB选项卡源码
12. 实用网站快速导航CSS按钮菜单源码(漂亮CSS导航按钮菜单)
13. 强烈推荐一款jQuery+CSS仿iPhone手机面板导航效果源码
14. 推荐实用OA系统左侧DIV+CSS菜单源码(漂亮OA界面菜单源码下载)
15. 推荐实用的jQuery+CSS水平二级导航菜单源码(黑蓝效果)
16. 政府类网站支持二级纯CSS导航菜单源码
17. 漂亮CSS小图标mini导航效果
18. 漂亮滑动透明效果CSS水平导航菜单源码
19. 简单实用CSS蓝色垂直导航菜单(UL、LI结合实现)
20. 简单实用亮黑色纯CSS水平导航菜单
21. 纯CSS+图片实现橙色网站水平菜单实例
22. 纯CSS实现棕黄色水平导航菜单源码
23. 纯CSS实现水平梯形CSS导航菜单(很简单)
24. 纯CSS实现蓝色圆角水平网站导航菜单
25. 纯CSS实现黑色水平CSS导航菜单源码
26. 纯CSS菜单系列之橙色块状水平导航类CSS菜单
27. 纯DIV+CSS灰色网站导航菜单 自适应长度菜单背景
28. 非常漂亮2010猪八戒网站导航菜单源码
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
VIP下载&&免积分60元/年（1200次）
您可能还需要
Q.为什么我点的下载下不了，但积分却被扣了
A. 由于下载人数众多，下载服务器做了并发的限制。若发现下载不了，请稍后再试，多次下载是不会重复扣分的。
Q.我的积分不多了，如何获取积分？
A. 获得积分，详细见。
完成任务获取积分。
论坛可用分兑换下载积分。
第一次绑定手机，将获得5个C币，C币可。
关注并绑定CSDNID，送10个下载分
下载资源意味着您已经同意遵守以下协议
资源的所有权益归上传用户所有
未经权益所有人同意，不得将资源中的内容挪作商业或盈利用途
CSDN下载频道仅提供交流平台，并不能对任何下载资源负责
下载资源中如有侵权或不适当内容，
本站不保证本站提供的资源的准确性，安全性和完整性，同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
开发技术下载排行
您当前C币：0&&&可兑换 0 下载积分
兑换下载分:&
消耗C币:0&
立即兑换&&
兑换成功你当前的下载分为 。前去下载资源
你下载资源过于频繁，请输入验证码
如何快速获得积分？
你已经下载过该资源，再次下载不需要扣除积分
JS、JQuery、CSS+DIV实例大全part1(共两卷此卷为part1)
所需积分：10
剩余积分：0
扫描微信二维码精彩活动、课程更新抢先知
VIP会员，免积分下载
会员到期时间：日
剩余下载次数：1000
JS、JQuery、CSS+DIV实例大全part1(共两卷此卷为part1)
剩余次数：&&&&有效期截止到：
你还不是VIP会员VIP会员享免积分 . 专属通道极速下载
VIP下载次数已满VIP会员享免积分 . 专属通道极速下载，请继续开通VIP会员
你的VIP会员已过期VIP会员享免积分 . 专属通道极速下载，请继续开通VIP会员TipsWindown 支持拖拽的jQuery弹出窗口 1.0 展示 tipswindown.js源代码
- 下载整个 - 类型：.js文件
///-------------------------------------------------------------------------
//jQuery弹出窗口 By Await []
//--------------------------------------------------------------------------
/*参数：[可选参数在调用时可写可不写,其他为必写]
----------------------------------------------------------------------------
& & title:& & & 窗口标题
& content: &内容(可选内容为){ text | id | img | url | iframe }
& & width:& & & 内容宽度
& &height:& & & 内容高度
& & & & &drag: &是否可以拖动(ture为是,false为否)
& & &time:& & & 自动关闭等待的时间，为空是则不自动关闭
& &showbg:& & & [可选参数]设置是否显示遮罩层(0为不显示,1为显示)
& cssName: &[可选参数]附加class名称
&------------------------------------------------------------------------*/
&//------------------------------------------------------------------------
&//simpleWindown(&例子&,&text:例子&,&500&,&400&,&true&,&3000&,&0&,&exa&)
&//------------------------------------------------------------------------
var showWindown = true;
var templateSrc = &/wp-content/themes/Dreamy&; //设置loading.gif路径
function tipsWindown(title,content,width,height,drag,time,showbg,cssName) {
& & & & $(&#windown-box&).remove(); //请除内容
& & & & var width = width&= 950?this.width=950:this.width=width;& & & & & & //设置最大窗口宽度
& & & & var height = height&= 527?this.height=527:this.height=height; &//设置最大窗口高度
& & & & if(showWindown == true) {
& & & & & & & & var simpleWindown_html = new String;
& & & & & & & & & & & & simpleWindown_html = &&div id=\&windownbg\& style=\&height:&+$(document).height()+&filter:alpha(opacity=0);opacity:0;z-index: 999901\&&&/div&&;
& & & & & & & & & & & & simpleWindown_html += &&div id=\&windown-box\&&&;
& & & & & & & & & & & & simpleWindown_html += &&div id=\&windown-title\&&&h2&&/h2&&span id=\&windown-close\&&关闭&/span&&/div&&;
& & & & & & & & & & & & simpleWindown_html += &&div id=\&windown-content-border\&&&div id=\&windown-content\&&&/div&&/div&&;
& & & & & & & & & & & & simpleWindown_html += &&/div&&;
& & & & & & & & & & & & $(&body&).append(simpleWindown_html);
& & & & & & & & & & & & show = false;
& & & & }
& & & & contentType = content.substring(0,content.indexOf(&:&));
& & & & content = content.substring(content.indexOf(&:&)+1,content.length);
& & & & switch(contentType) {
& & & & & & & & case &text&:
& & & & & & & & $(&#windown-content&).html(content);
& & & & & & & & break;
& & & & & & & & case &id&:
& & & & & & & & $(&#windown-content&).html($(&#&+content+&&).html());
& & & & & & & & break;
& & & & & & & & case &img&:
& & & & & & & & $(&#windown-content&).ajaxStart(function() {
& & & & & & & & & & & & $(this).html(&&img src='&+templateSrc+&/images/loading.gif' class='loading' /&&);
& & & & & & & & });
& & & & & & & & $.ajax({
& & & & & & & & & & & & error:function(){
& & & & & & & & & & & & & & & & $(&#windown-content&).html(&&p class='windown-error'&加载数据出错...&/p&&);
& & & & & & & & & & & & },
& & & & & & & & & & & & success:function(html){
& & & & & & & & & & & & & & & & $(&#windown-content&).html(&&img src=&+content+& alt='' /&&);
& & & & & & & & & & & & }
& & & & & & & & });
& & & & & & & & break;
& & & & & & & & case &url&:
& & & & & & & & var content_array=content.split(&?&);
& & & & & & & & $(&#windown-content&).ajaxStart(function(){
& & & & & & & & & & & & $(this).html(&&img src='&+templateSrc+&/images/loading.gif' class='loading' /&&);
& & & & & & & & });
& & & & & & & & $.ajax({
& & & & & & & & & & & & type:content_array[0],
& & & & & & & & & & & & url:content_array[1],
& & & & & & & & & & & & data:content_array[2],
& & & & & & & & & & & & error:function(){
& & & & & & & & & & & & & & & & $(&#windown-content&).html(&&p class='windown-error'&加载数据出错...&/p&&);
& & & & & & & & & & & & },
& & & & & & & & & & & & success:function(html){
& & & & & & & & & & & & & & & & $(&#windown-content&).html(html);
& & & & & & & & & & & & }
& & & & & & & & });
& & & & & & & & break;
& & & & & & & & case &iframe&:
& & & & & & & & $(&#windown-content&).ajaxStart(function(){
& & & & & & & & & & & & $(this).html(&&img src='&+templateSrc+&/images/loading.gif' class='loading' /&&);
& & & & & & & & });
& & & & & & & & $.ajax({
& & & & & & & & & & & & error:function(){
& & & & & & & & & & & & & & & & $(&#windown-content&).html(&&p class='windown-error'&加载数据出错...&/p&&);
& & & & & & & & & & & & },
& & & & & & & & & & & & success:function(html){
& & & & & & & & & & & & & & & & $(&#windown-content&).html(&&iframe src=\&&+content+&\& width=\&100%\& height=\&&+parseInt(height)+&px&+&\& scrolling=\&auto\& frameborder=\&0\& marginheight=\&0\& marginwidth=\&0\&&&/iframe&&);
& & & & & & & & & & & & }
& & & & & & & & });
& & & & }
& & & & //download by
& & & & $(&#windown-title h2&).html(title);
& & & & if(showbg == &true&) {$(&#windownbg&).show();}else {$(&#windownbg&).remove();};
& & & & $(&#windownbg&).animate({opacity:&0.5&},&normal&);//设置透明度
& & & & $(&#windown-box&).show();
& & & & if( height &= 527 ) {
& & & & & & & & $(&#windown-title&).css({width:(parseInt(width)+22)+&px&});
& & & & & & & & $(&#windown-content&).css({width:(parseInt(width)+17)+&px&,height:height+&px&});
& & & & }else {
& & & & & & & & $(&#windown-title&).css({width:(parseInt(width)+10)+&px&});
& & & & & & & & $(&#windown-content&).css({width:width+&px&,height:height+&px&});
& & & & }
& & & & var & & cw = document.documentElement.clientWidth,ch = document.documentElement.clientHeight,est = document.documentElement.scrollTop;
& & & & var _version = $.browser.version;
& & & & if ( _version == 6.0 ) {
& & & & & & & & $(&#windown-box&).css({left:&50%&,top:(parseInt((ch)/2)+est)+&px&,marginTop: -((parseInt(height)+53)/2)+&px&,marginLeft:-((parseInt(width)+32)/2)+&px&,zIndex: &999999&});
& & & & }else {
& & & & & & & & $(&#windown-box&).css({left:&50%&,top:&50%&,marginTop:-((parseInt(height)+53)/2)+&px&,marginLeft:-((parseInt(width)+32)/2)+&px&,zIndex: &999999&});
& & & & };
& & & & var Drag_ID = document.getElementById(&windown-box&),DragHead = document.getElementById(&windown-title&);
& & & & & & & &
& & & & var moveX = 0,moveY = 0,moveTop,moveLeft = 0,moveable = false;
& & & & & & & & if ( _version == 6.0 ) {
& & & & & & & & & & & & moveTop = est;
& & & & & & & & }else {
& & & & & & & & & & & & moveTop = 0;
& & & & & & & & }
& & & & var & & sw = Drag_ID.scrollWidth,sh = Drag_ID.scrollHeight;
& & & & & & & & DragHead.onmouseover = function(e) {
& & & & & & & & & & & & if(drag == &true&){DragHead.style.cursor = &move&;}else{DragHead.style.cursor = &default&;}
& & & & & & & & };
& & & & & & & & DragHead.onmousedown = function(e) {
& & & & & & & & if(drag == &true&){moveable = true;}else{moveable = false;}
& & & & & & & & e = window.event?window.event:e;
& & & & & & & & var ol = Drag_ID.offsetLeft, ot = Drag_ID.offsetTop-moveTop;
& & & & & & & & moveX = e.clientX-ol;
& & & & & & & & moveY = e.clientY-ot;
& & & & & & & & document.onmousemove = function(e) {
& & & & & & & & & & & & & & & & if (moveable) {
& & & & & & & & & & & & & & & & e = window.event?window.event:e;
& & & & & & & & & & & & & & & & var x = e.clientX - moveX;
& & & & & & & & & & & & & & & & var y = e.clientY - moveY;
& & & & & & & & & & & & & & & & & & & & if ( x & 0 &&( x + sw & cw) && y & 0 && (y + sh & ch) ) {
& & & & & & & & & & & & & & & & & & & & & & & & Drag_ID.style.left = x + &px&;
& & & & & & & & & & & & & & & & & & & & & & & & Drag_ID.style.top = parseInt(y+moveTop) + &px&;
& & & & & & & & & & & & & & & & & & & & & & & & Drag_ID.style.margin = &auto&;
& & & & & & & & & & & & & & & & & & & & & & & & }
& & & & & & & & & & & & & & & & & & & & }
& & & & & & & & & & & & & & & & }
& & & & & & & & document.onmouseup = function () {moveable = false;};
& & & & & & & & Drag_ID.onselectstart = function(e){return false;}
& & & & }
& & & & $(&#windown-content&).attr(&class&,&windown-&+cssName);
& & & & var closeWindown = function() {
& & & & & & & & $(&#windownbg&).remove();
& & & & & & & & $(&#windown-box&).fadeOut(&slow&,function(){$(this).remove();});
& & & & }
& & & & if( time == && || typeof(time) == &undefined&) {
& & & & & & & & $(&#windown-close&).click(function() {
& & & & & & & & & & & & $(&#windownbg&).remove();
& & & & & & & & & & & & $(&#windown-box&).fadeOut(&slow&,function(){$(this).remove();});
& & & & & & & & });
& & & & }else {
& & & & & & & & setTimeout(closeWindown,time);
& & & & }
- 下载整个
相关源码/软件：
- jQuery 点击标题展开文字的效果代码，实际上像一个菜单一样，只不过这里把菜单看成了两级，而第二级...
- jQuery Menu 暖色、动画、折叠，可作导航菜单，用这几个关键词似乎可以形容这款jQuery动...
- 迷你UBBEditor在线编辑器 v1.0，具有体积小巧，兼容性好（支持IE6,7,8 Safari...
- 一个与符号相关的Js操作插件，jQuery Symbol Caddy，大致看了一下，没看懂，请高人下...
- TwitterPage 可以让你的网页里显示Twitter网站的内容，不过遗憾的是，Twitter网...
- jquery Json Ajax搜索与分页效果代码，无刷新操作的一个范例，特别是无刷新分页，很多朋友...
- 又一个jQuery的绝好图片轮番效果插件，带左右控制，腾讯网，新浪等见到过，绝对会让你喜欢的，推荐给...
- 三级横向导航菜单，使用了jQuery插件，菜单可平滑展开，一共支持三级，颜色与菜单文字的配合看上去也...
- jQuery 无刷新星级评分特效代码，大家很熟悉的一款特效，像新浪、网易、QQ网站的新闻资讯栏目都有...
- Flash+xml 翻格子广告墙效果，像户外的大型广告牌，一个格一个格的翻转，最终形成一幅整体图像，...
- 有福了，给大伙分享个好源码：
大气机械企业网站通用源码，效果相当的炫酷，相当简洁大气高端，模板简单...
- 昱杰订单管理系统更新日志：
订单模块中：高级搜索中，添加“物流公司”搜索条件
系统安装中：如果数...
- 5分钟,即可开启企业网购官网，树立品牌形象！
1秒钟,让您的企业网站变成大企业范儿！
没错，这就...
- iCMS 是一套采用 PHP 和 MySQL 构建的高效简洁的内容管理系统,为您的网站提供一个完美的...
- 发货统计微型ERP系统主要功能：
●业务管理（生产计划管理、产品投产管理、原材料入库管理、原材料出...
- 有福了，给大伙分享个好源码：
红色酒类大气织梦企业网站模板，效果相当的炫酷，相当简洁大气高端，模板...
- Xbphp简介：
1.内置简单的模版引擎机制
2.跟其他框架不一样的文件缓存机制（定时文件缓存）...
- 客户信息统计业务进展跟踪系统：
本软件是专门为做保险、做贷款、以及做POS机业务申请的客户信息和业...
- FengCms Beta 1.31 更新说明：
修复留言本注入漏洞。感谢乌云dar...
- ZTJMessage 3.1.0是3.0.0的改进版，根据一些用户提出的建议增加了一些新的功能：}