├── .idea ├── .name ├── encodings.xml ├── javaScript.iml ├── misc.xml ├── modules.xml ├── vcs.xml └── workspace.xml ├── 3D图片切换 ├── 1.html ├── 10_立方体.html ├── 11_立方体.html ├── 12_3D图片旋转.html ├── 2.html ├── 3.html ├── 3D图片切换.html ├── 3D旋转.ppt ├── 4.html ├── 5.html ├── 6.html ├── 7.html ├── 8.html ├── 9_立方体.html └── img │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ └── 4.jpg ├── 9种推拉门 ├── demo.html ├── demo2.html ├── demo3.html ├── demo4.html ├── demo5.html ├── demo6.html ├── demo7.html ├── demo8.html ├── demo9.html ├── images │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ └── 5.jpg └── move.js ├── AnimatedLetters ├── .gitignore ├── .idea │ ├── .name │ ├── AnimatedLetters.iml │ ├── encodings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml ├── README.md ├── css │ ├── demo.css │ └── normalize.css ├── favicon.ico ├── fonts │ ├── codropsicons │ │ ├── codropsicons.eot │ │ ├── codropsicons.svg │ │ ├── codropsicons.ttf │ │ ├── codropsicons.woff │ │ └── license.txt │ ├── knarfart │ │ ├── knarfart-webfont.eot │ │ ├── knarfart-webfont.svg │ │ ├── knarfart-webfont.ttf │ │ ├── knarfart-webfont.woff │ │ └── knarfart-webfont.woff2 │ └── morse │ │ ├── m0rse-webfont.eot │ │ ├── m0rse-webfont.svg │ │ ├── m0rse-webfont.ttf │ │ ├── m0rse-webfont.woff │ │ └── m0rse-webfont.woff2 ├── img │ ├── mouse.svg │ └── related │ │ ├── InlineLinkStyles.png │ │ └── LinkStylesHoverEffects.jpg ├── index.html ├── index2.html └── js │ ├── d3-ease.v0.6.js │ ├── demo-1.js │ ├── demo-2.js │ ├── letters.js │ ├── mo.min.js │ └── segment.min.js ├── README.md ├── animate.css ├── .idea │ ├── .name │ ├── animate.css.iml │ ├── encodings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml ├── 1.html ├── css │ ├── animate.css │ └── animate.min.css └── js │ └── jquery-1.9.1.min.js ├── apple ├── demo.gif ├── img │ ├── 1.jpg │ ├── 10.jpg │ ├── 11.jpg │ ├── 12.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ ├── 9.jpg │ ├── Thumbs.db │ ├── caret_active.gif │ ├── caret_active.png │ └── nav_bg.png ├── index.html └── miaov.js ├── checkbox ├── checkbox.html ├── images │ ├── Check.png │ └── UnCheck.png └── js │ └── jquery-1.9.1.min.js ├── cookie,jsonp,拖拽等综合 ├── baiduSearch.html ├── cookie.html ├── css │ ├── bootstrap-responsive.css │ └── bootstrap.css ├── div随窗口移动.html ├── douban.html ├── jQuery拖拽.html ├── js │ ├── bootstrap.js │ └── jquery-1.8.3.js ├── jsonp.html ├── 元素从中间展开.html ├── 拖拽.html ├── 拖拽改变div大小(类似textarea).html ├── 碰撞.html └── 自由落体.html ├── echarts-实例 ├── 地图扩展 │ ├── js │ │ ├── 510100.json │ │ ├── echarts-all.js │ │ └── jquery-1.9.1.min.js │ └── map.html ├── 标签引入 │ ├── js │ │ ├── echarts-all.js │ │ └── jquery-1.9.1.min.js │ └── map.html └── 雷达图 │ ├── js │ ├── echarts-all.js │ └── jquery-1.9.1.min.js │ └── 雷达图.html ├── fullPage ├── css │ └── jquery.fullPage.css ├── fullpage实例 │ ├── css │ │ ├── index.css │ │ ├── jPages.css │ │ └── jquery.fullPage.css │ ├── fullPage.html │ ├── images │ │ ├── Check.png │ │ ├── UnCheck.png │ │ ├── apple.png │ │ ├── cxcalendar.png │ │ ├── edition_large_2x.jpg │ │ ├── hero_sunset_large_2x.jpg │ │ ├── primary_large_2x.jpg │ │ ├── sport_large_2x.jpg │ │ ├── technology_hero_large_2x.jpg │ │ └── timekeeping_hero_large_2x.jpg │ └── js │ │ ├── jquery-1.9.1.min.js │ │ ├── jquery.fullPage.min.js │ │ └── move.js ├── images │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ └── 4.jpg ├── index.html ├── index11.html ├── index12.html ├── index13.html ├── index2.html ├── index3.html ├── index4.html ├── index5.html ├── index6.html ├── index7.html ├── index8.html ├── js │ ├── jquery-1.8.3.min.js │ ├── jquery.fullPage.js │ └── jquery.fullPage.min.js └── 说明下载.url ├── iframe改变高度.html ├── jQuery-aniview ├── .idea │ ├── .name │ ├── misc.xml │ ├── modules.xml │ ├── scroll.iml │ ├── vcs.xml │ └── workspace.xml ├── css │ ├── animate.css │ ├── default.css │ ├── normalize.css │ └── styles.css ├── img │ └── 1.jpg ├── index.html ├── js │ ├── jquery-2.1.1.min.js │ ├── jquery.aniview.js │ └── jquery.aniview.min.js └── 页面滚动.html ├── jQuery仿天猫完美加入购物车 ├── cart.png ├── css │ └── demo.css ├── images │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ └── cart.png ├── index.html ├── jquery.fly.min.js ├── js │ ├── jquery.fly.min.js │ └── requestAnimationFrame.js ├── requestAnimationFrame.js └── 素材火帮助.txt ├── jQuery圆形统计插件 ├── circle.html ├── css │ └── jquery.circliful.css ├── js │ ├── jquery-1.9.1.min.js │ └── jquery.circliful.min.js └── 设置.png ├── roundabout ├── css │ ├── Thumbs.db │ ├── pattern.png │ ├── sprites.png │ └── style.css ├── images │ ├── Thumbs.db │ ├── client.png │ ├── developer.png │ ├── manager.png │ ├── tester.png │ └── user.png ├── index.html └── js │ ├── jquery-1.9.1.min.js │ ├── jquery-2.0.0.min.js │ ├── jquery.roundabout.js │ ├── jquery.roundabout_shape.js │ └── script.js ├── slider1.2 ├── css │ └── slider1.2.css ├── img │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.png │ ├── 5.png │ └── 6.png ├── index.html └── js │ ├── jquery-1.9.1.min.js │ └── slider1.2.js ├── word ├── .idea │ ├── .name │ ├── encodings.xml │ ├── misc.xml │ ├── modules.xml │ ├── word.iml │ └── workspace.xml ├── js │ ├── d3-ease.v0.6.js │ ├── letters.js │ ├── mo.min.js │ └── segment.min.js ├── 字母从上落下.html ├── 字母往上出现.html └── 最基本应用.html ├── 仪表盘.html ├── 仿淘宝轮播(无缝做不出来) ├── img │ ├── 1.png │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ └── 5.jpg ├── js │ └── jquery-1.8.3.js └── 轮播.html ├── 仿苹果导航菜单 ├── 1.html └── images │ ├── 1.png │ ├── 2.png │ ├── 3.png │ ├── 4.png │ └── 5.png ├── 切换(给未来元素添加事件) ├── js │ └── jquery-1.9.1.min.js └── 切换.html ├── 列表项滚动(多用于新闻条目) ├── js │ └── jquery-1.8.3.js └── test.html ├── 加入购物车 ├── css │ └── buyCart.css ├── img │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ └── cart.png ├── js │ ├── jquery-1.9.1.min.js │ ├── jquery.fly.js │ ├── jquery.fly.min.js │ └── requestAnimationFrame.js └── 加入购物车.html ├── 动感十足的jquery导航 ├── config.js ├── css │ └── index.css ├── images │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ └── Thumbs.db ├── index.html ├── interface.js ├── jquery.js ├── js │ ├── jquery.easing.1.3.js │ ├── jquery.min.js │ └── script.js ├── logo.gif ├── portlets.css └── 动感十足的jquery导航.rar ├── 图片墙 ├── css │ └── hualang.css ├── hualang.html ├── img │ └── han7.jpg └── js │ └── jquery-1.9.1.min.js ├── 字符串操作 ├── 介绍内容缩放.html ├── 分割文字.html ├── 字符串综合.html ├── 文字替换.html └── 高亮文字.html ├── 字符云 ├── js │ └── wordcloud2.js └── wordCloud.html ├── 延时菜单 ├── 11-setTimeout实例.html └── miaov.js ├── 推拉门改进 ├── han1.jpg ├── han2.jpg ├── han3.jpg ├── han4.jpg ├── han5.jpg ├── js │ └── jquery-1.8.3.js └── 推拉门改进.html ├── 搜狐辩论投票 ├── html │ └── 搜狐辩论投票.html ├── images │ ├── bg.gif │ ├── green.gif │ ├── red.gif │ └── vs.gif └── js │ └── jquery.min.js ├── 搜索自动补全 ├── html │ └── 自动补全.html └── js │ ├── jquery-1.9.1.min.js │ ├── jquery-ui-widget-combobox.js │ └── jquery-ui.min.js ├── 摇奖 ├── 摇奖自写 │ ├── img │ │ └── num.png │ ├── js │ │ └── jquery-1.11.0.js │ └── 摇奖.html └── 简易的老虎机程序 │ ├── images │ └── num.png │ ├── js │ ├── easing.js │ └── jquery-1.11.0.js │ └── test.html ├── 擦除 ├── html │ └── 擦除.html ├── img │ ├── han1.jpg │ └── han2.jpg └── js │ ├── jquery-1.9.1.min.js │ └── jquery.eraser.js ├── 放大镜 ├── big.png ├── js │ └── jquery-1.8.3.js ├── small.png └── 放大镜效果.html ├── 数字逐一停止.html ├── 数组 ├── 数组去重.html └── 文字转移.html ├── 数组去重.html ├── 无缝切换 ├── js │ └── jquery-1.8.3.js ├── test1.jpg ├── test2.jpg ├── test3.jpg ├── test4.jpg ├── test5.jpg └── 无缝切换.html ├── 日历插件 ├── css │ └── jquery.cxcalendar.css ├── html │ └── 日历.html └── js │ ├── jquery-1.9.1.min.js │ ├── jquery.cxcalendar.js │ ├── jquery.cxcalendar.languages.js │ └── jquery.cxcalendar.min.js ├── 日历生成 ├── js │ └── jquery-1.8.3.js └── 日历生成.html ├── 日历联动 ├── css │ ├── dateRange.css │ └── datepicker.css ├── img │ ├── calendar_all.png │ ├── icon_date.png │ ├── page.png │ └── px.png ├── index.html └── js │ ├── dateRange.js │ ├── datepicker.js │ ├── jquery.min.js │ └── monthPicker.js ├── 模拟扔物体 ├── han1.jpg ├── js │ └── jquery-1.8.3.js └── 模拟扔小球.html ├── 滚动title.html ├── 瀑布流 ├── js │ └── jquery-1.9.1.min.js └── 瀑布流.html ├── 点击特效 ├── js │ └── jquery-1.9.1.min.js └── test.html ├── 立方体 └── 3D旋转轮播.html ├── 粒子 ├── js │ ├── jquery-1.9.1.min.js │ └── particles.js └── 粒子.html ├── 网页进度条 ├── .idea │ ├── .name │ ├── encodings.xml │ ├── misc.xml │ ├── modules.xml │ ├── workspace.xml │ └── 网页进度条.iml ├── js │ └── jquery-1.8.3.js ├── 网页进度条.html └── 网页进度条.txt ├── 苹果官网商品展示 ├── apple1.jpg ├── apple10.jpg ├── apple11.jpg ├── apple12.jpg ├── apple2.jpg ├── apple3.jpg ├── apple4.jpg ├── apple5.jpg ├── apple6.jpg ├── apple7.jpg ├── apple8.jpg ├── apple9.jpg ├── js │ └── jquery-1.8.3.js └── 弹性运动.html ├── 蛇形文字 ├── js │ └── jquery-1.8.3.js └── 蛇形文字.html ├── 表格上下移动 ├── js │ └── jquery-1.9.1.min.js └── 表格行上下移动.html ├── 表格操作 ├── js │ └── jquery-1.8.3.js ├── 表格查找.html └── 表格行交换.html ├── 计时 ├── img │ ├── 0.JPG │ ├── 1.JPG │ ├── 2.JPG │ ├── 3.JPG │ ├── 4.JPG │ ├── 5.JPG │ ├── 6.JPG │ ├── 7.JPG │ ├── 8.JPG │ ├── 9.JPG │ └── colon.JPG └── 计时.html ├── 贪吃蛇.html ├── 轮播(自己写出来的,第一次,值得纪念) ├── 1.html ├── img │ ├── han2.jpg │ ├── han3.jpg │ ├── han4.jpg │ ├── han5.jpg │ ├── han7.jpg │ ├── next.png │ └── prev.png └── js │ └── jquery-1.8.3.js ├── 轮播神器 ├── img │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ └── 5.jpg ├── index.html └── js │ ├── jquery-1.9.1.min.js │ ├── mf-pattern │ ├── img │ │ ├── loading.gif │ │ ├── mF_51xflash │ │ │ ├── Thumbs.db │ │ │ ├── play.gif │ │ │ └── tit-ar.gif │ │ ├── mF_classicHB │ │ │ ├── btn-blue.gif │ │ │ └── btn-gray.gif │ │ ├── mF_classicHC │ │ │ ├── btn-bg.png │ │ │ └── btn-red.gif │ │ ├── mF_games_tb │ │ │ └── ar.gif │ │ ├── mF_kdui │ │ │ ├── dots.png │ │ │ └── slider-arrows.png │ │ ├── mF_kiki │ │ │ ├── Thumbs.db │ │ │ ├── ar-left.gif │ │ │ ├── ar-right.gif │ │ │ └── tit-ar.gif │ │ ├── mF_pithy_tb │ │ │ ├── btn.gif │ │ │ └── turn.gif │ │ ├── mF_qiyi │ │ │ ├── bg.jpg │ │ │ └── loading.gif │ │ ├── mF_sohusports │ │ │ └── sh-btn.gif │ │ ├── mF_taobaomall │ │ │ └── btn-bg2.gif │ │ └── mF_tbhuabao │ │ │ └── btn-bg.gif │ ├── mF_51xflash.css │ ├── mF_51xflash.js │ ├── mF_YSlider.css │ ├── mF_YSlider.js │ ├── mF_classicHB.css │ ├── mF_classicHB.js │ ├── mF_classicHC.css │ ├── mF_classicHC.js │ ├── mF_dleung.css │ ├── mF_dleung.js │ ├── mF_expo2010.css │ ├── mF_expo2010.js │ ├── mF_fancy.css │ ├── mF_fancy.js │ ├── mF_fscreen_tb.css │ ├── mF_fscreen_tb.js │ ├── mF_games_tb.css │ ├── mF_games_tb.js │ ├── mF_kdui.css │ ├── mF_kdui.js │ ├── mF_kiki.css │ ├── mF_kiki.js │ ├── mF_ladyQ.css │ ├── mF_ladyQ.js │ ├── mF_liquid.css │ ├── mF_liquid.js │ ├── mF_liuzg.css │ ├── mF_liuzg.js │ ├── mF_luluJQ.css │ ├── mF_luluJQ.js │ ├── mF_pconline.css │ ├── mF_pconline.js │ ├── mF_peijianmall.css │ ├── mF_peijianmall.js │ ├── mF_pithy_tb.css │ ├── mF_pithy_tb.js │ ├── mF_qiyi.css │ ├── mF_qiyi.js │ ├── mF_quwan.css │ ├── mF_quwan.js │ ├── mF_rapoo.css │ ├── mF_rapoo.js │ ├── mF_shutters.css │ ├── mF_shutters.js │ ├── mF_slide3D.css │ ├── mF_slide3D.js │ ├── mF_sohusports.css │ ├── mF_sohusports.js │ ├── mF_taobao2010.css │ ├── mF_taobao2010.js │ ├── mF_taobaomall.css │ ├── mF_taobaomall.js │ ├── mF_tbhuabao.css │ └── mF_tbhuabao.js │ └── myfocus-2.0.4.min.js ├── 输入框抖动.html ├── 输入框烟花 ├── js │ └── jquery-1.11.3.min.js └── 输入框烟花.html ├── 韩雪冬 ├── images │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ ├── next.png │ ├── next_1.png │ ├── next_txt.png │ ├── prev.png │ ├── prev_1.png │ └── prev_txt.png ├── js │ └── DD_belatedPNG_0.0.8a.js ├── miaov.js ├── miaov_demo.html ├── style.css └── 关于妙味课堂.txt ├── 韩雪冬jQuery ├── han1.jpg ├── han2.jpg ├── han3.jpg ├── han4.jpg ├── han5.jpg ├── han6.jpg ├── han7.jpg ├── js │ └── jquery-1.8.3.js ├── next.png ├── prev.png └── 韩雪冬轮播.html ├── 飘雪.html ├── 鼠标滚轮 ├── js │ └── jquery-1.8.3.js └── 鼠标滚轮.html └── 鼠标移动滑块 ├── .idea ├── .name ├── encodings.xml ├── misc.xml ├── modules.xml ├── workspace.xml └── 鼠标移动滑块.iml ├── index.html └── js ├── jquery-1.8.3.min.js └── mouseslide.js /.idea/.name: -------------------------------------------------------------------------------- 1 | javaScript -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/javaScript.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /3D图片切换/1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /3D图片切换/10_立方体.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 18 | 19 | 20 |
21 |
22 |
1
23 |
2
24 |
3
25 |
4
26 |
5
27 |
6
28 |
29 |
30 | 31 | 32 | -------------------------------------------------------------------------------- /3D图片切换/11_立方体.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 16 | 17 | 18 |
19 |
20 |
1
21 |
2
22 |
3
23 |
4
24 |
25 |
26 | 27 | 28 | -------------------------------------------------------------------------------- /3D图片切换/2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /3D图片切换/3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /3D图片切换/3D旋转.ppt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/3D图片切换/3D旋转.ppt -------------------------------------------------------------------------------- /3D图片切换/4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /3D图片切换/5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /3D图片切换/6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 11 | 12 | 13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /3D图片切换/7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 11 | 12 | 13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /3D图片切换/8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 11 | 12 | 13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /3D图片切换/9_立方体.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 18 | 19 | 20 |
21 |
22 |
1
23 |
2
24 |
3
25 |
4
26 |
5
27 |
6
28 |
29 |
30 | 31 | 32 | -------------------------------------------------------------------------------- /3D图片切换/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/3D图片切换/img/1.jpg -------------------------------------------------------------------------------- /3D图片切换/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/3D图片切换/img/2.jpg -------------------------------------------------------------------------------- /3D图片切换/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/3D图片切换/img/3.jpg -------------------------------------------------------------------------------- /3D图片切换/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/3D图片切换/img/4.jpg -------------------------------------------------------------------------------- /9种推拉门/demo8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 妙味课堂-www.miaov.com 6 | 17 | 18 | 45 | 46 | 47 |
48 | 55 | 56 |
57 | 58 | 59 | -------------------------------------------------------------------------------- /9种推拉门/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/9种推拉门/images/1.jpg -------------------------------------------------------------------------------- /9种推拉门/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/9种推拉门/images/2.jpg -------------------------------------------------------------------------------- /9种推拉门/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/9种推拉门/images/3.jpg -------------------------------------------------------------------------------- /9种推拉门/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/9种推拉门/images/4.jpg -------------------------------------------------------------------------------- /9种推拉门/images/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/9种推拉门/images/5.jpg -------------------------------------------------------------------------------- /9种推拉门/move.js: -------------------------------------------------------------------------------- 1 | // JavaScript Document 2 | 3 | function startMove(obj,json,endFn){ 4 | 5 | clearInterval(obj.timer); 6 | 7 | obj.timer = setInterval(function(){ 8 | 9 | var bBtn = true; 10 | 11 | for(var attr in json){ 12 | 13 | var iCur = 0; 14 | 15 | if(attr == 'opacity'){ 16 | if(Math.round(parseFloat(getStyle(obj,attr))*100)==0){ 17 | iCur = Math.round(parseFloat(getStyle(obj,attr))*100); 18 | 19 | } 20 | else{ 21 | iCur = Math.round(parseFloat(getStyle(obj,attr))*100) || 100; 22 | } 23 | } 24 | else{ 25 | iCur = parseInt(getStyle(obj,attr)) || 0; 26 | } 27 | 28 | var iSpeed = (json[attr] - iCur)/8; 29 | iSpeed = iSpeed >0 ? Math.ceil(iSpeed) : Math.floor(iSpeed); 30 | if(iCur!=json[attr]){ 31 | bBtn = false; 32 | } 33 | 34 | if(attr == 'opacity'){ 35 | obj.style.filter = 'alpha(opacity=' +(iCur + iSpeed)+ ')'; 36 | obj.style.opacity = (iCur + iSpeed)/100; 37 | 38 | } 39 | else{ 40 | obj.style[attr] = iCur + iSpeed + 'px'; 41 | } 42 | 43 | 44 | } 45 | 46 | if(bBtn){ 47 | clearInterval(obj.timer); 48 | 49 | if(endFn){ 50 | endFn.call(obj); 51 | } 52 | } 53 | 54 | },30); 55 | 56 | } 57 | 58 | 59 | function getStyle(obj,attr){ 60 | if(obj.currentStyle){ 61 | return obj.currentStyle[attr]; 62 | } 63 | else{ 64 | return getComputedStyle(obj,false)[attr]; 65 | } 66 | } -------------------------------------------------------------------------------- /AnimatedLetters/.gitignore: -------------------------------------------------------------------------------- 1 | *.DS_Store 2 | -------------------------------------------------------------------------------- /AnimatedLetters/.idea/.name: -------------------------------------------------------------------------------- 1 | AnimatedLetters -------------------------------------------------------------------------------- /AnimatedLetters/.idea/AnimatedLetters.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /AnimatedLetters/.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /AnimatedLetters/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /AnimatedLetters/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /AnimatedLetters/README.md: -------------------------------------------------------------------------------- 1 | # Animated Letters 2 | 3 | A plugin that animates an artistic font using Segment, the SVG strokes animation library. By Luis Manuel. 4 | 5 | [Article on Codrops](http://tympanus.net/codrops/?p=26057) 6 | 7 | [Demo](http://tympanus.net/Development/AnimatedLetters/) 8 | 9 | ## License 10 | 11 | Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is". 12 | 13 | Read more here: [License](http://tympanus.net/codrops/licensing/) 14 | 15 | ## Credits 16 | 17 | - [segment](https://github.com/lmgonzalves/segment) 18 | - [d3-ease](https://github.com/d3/d3-ease) 19 | - Font design by [FRANK V.D HAK - KNARF ART](https://www.behance.net/knarfart) 20 | - [mo.js](http://mojs.io/) by [Oleg Solomka](https://twitter.com/legomushroom) 21 | 22 | ## Misc 23 | 24 | Follow lmgonzalves: [Twitter](https://twitter.com/lmgonzalves), [GitHub](https://github.com/lmgonzalves) 25 | 26 | Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/) 27 | 28 | [© Codrops 2016](http://www.codrops.com) 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /AnimatedLetters/css/normalize.css: -------------------------------------------------------------------------------- 1 | article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} -------------------------------------------------------------------------------- /AnimatedLetters/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/favicon.ico -------------------------------------------------------------------------------- /AnimatedLetters/fonts/codropsicons/codropsicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/codropsicons/codropsicons.eot -------------------------------------------------------------------------------- /AnimatedLetters/fonts/codropsicons/codropsicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/codropsicons/codropsicons.ttf -------------------------------------------------------------------------------- /AnimatedLetters/fonts/codropsicons/codropsicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/codropsicons/codropsicons.woff -------------------------------------------------------------------------------- /AnimatedLetters/fonts/codropsicons/license.txt: -------------------------------------------------------------------------------- 1 | Icon Set: Font Awesome -- http://fortawesome.github.com/Font-Awesome/ 2 | License: SIL -- http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL 3 | 4 | 5 | Icon Set: Eco Ico -- http://dribbble.com/shots/665585-Eco-Ico 6 | License: CC0 -- http://creativecommons.org/publicdomain/zero/1.0/ -------------------------------------------------------------------------------- /AnimatedLetters/fonts/knarfart/knarfart-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/knarfart/knarfart-webfont.eot -------------------------------------------------------------------------------- /AnimatedLetters/fonts/knarfart/knarfart-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/knarfart/knarfart-webfont.ttf -------------------------------------------------------------------------------- /AnimatedLetters/fonts/knarfart/knarfart-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/knarfart/knarfart-webfont.woff -------------------------------------------------------------------------------- /AnimatedLetters/fonts/knarfart/knarfart-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/knarfart/knarfart-webfont.woff2 -------------------------------------------------------------------------------- /AnimatedLetters/fonts/morse/m0rse-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/morse/m0rse-webfont.eot -------------------------------------------------------------------------------- /AnimatedLetters/fonts/morse/m0rse-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/morse/m0rse-webfont.ttf -------------------------------------------------------------------------------- /AnimatedLetters/fonts/morse/m0rse-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/morse/m0rse-webfont.woff -------------------------------------------------------------------------------- /AnimatedLetters/fonts/morse/m0rse-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/fonts/morse/m0rse-webfont.woff2 -------------------------------------------------------------------------------- /AnimatedLetters/img/mouse.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /AnimatedLetters/img/related/InlineLinkStyles.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/img/related/InlineLinkStyles.png -------------------------------------------------------------------------------- /AnimatedLetters/img/related/LinkStylesHoverEffects.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/AnimatedLetters/img/related/LinkStylesHoverEffects.jpg -------------------------------------------------------------------------------- /AnimatedLetters/js/demo-2.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | var items = [].slice.call(document.querySelectorAll('ul.grid > li.grid__item')); 4 | 5 | function init() { 6 | items.forEach(function(item) { 7 | var word = item.querySelector('.grid__heading'), 8 | // initialize the plugin 9 | instance = new Letters(word, { 10 | size : 200, 11 | weight : 10, 12 | color: '#E65454', 13 | duration: 0.8, 14 | delay: 0.1, 15 | fade: 0, 16 | easing: d3_ease.easeExpOut.ease 17 | }); 18 | 19 | // show word 20 | instance.showInstantly(); 21 | 22 | item.addEventListener('click', function() { 23 | instance.hide({ 24 | duration: 1, 25 | delay: 0, 26 | fade: 1, 27 | easing: d3_ease.easeExpOut.ease, 28 | callback: function() { 29 | instance.show(); 30 | } 31 | }); 32 | }); 33 | }); 34 | } 35 | 36 | init(); 37 | })(); 38 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # javaScript 2 | 前端特效存档 3 | -------------------------------------------------------------------------------- /animate.css/.idea/.name: -------------------------------------------------------------------------------- 1 | animate.css -------------------------------------------------------------------------------- /animate.css/.idea/animate.css.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /animate.css/.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /animate.css/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /animate.css/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /animate.css/1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 21 | 22 | 23 |
24 | 25 | 26 |
27 | 28 | 29 | 41 | -------------------------------------------------------------------------------- /apple/demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/demo.gif -------------------------------------------------------------------------------- /apple/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/1.jpg -------------------------------------------------------------------------------- /apple/img/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/10.jpg -------------------------------------------------------------------------------- /apple/img/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/11.jpg -------------------------------------------------------------------------------- /apple/img/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/12.jpg -------------------------------------------------------------------------------- /apple/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/2.jpg -------------------------------------------------------------------------------- /apple/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/3.jpg -------------------------------------------------------------------------------- /apple/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/4.jpg -------------------------------------------------------------------------------- /apple/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/5.jpg -------------------------------------------------------------------------------- /apple/img/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/6.jpg -------------------------------------------------------------------------------- /apple/img/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/7.jpg -------------------------------------------------------------------------------- /apple/img/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/8.jpg -------------------------------------------------------------------------------- /apple/img/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/9.jpg -------------------------------------------------------------------------------- /apple/img/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/Thumbs.db -------------------------------------------------------------------------------- /apple/img/caret_active.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/caret_active.gif -------------------------------------------------------------------------------- /apple/img/caret_active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/caret_active.png -------------------------------------------------------------------------------- /apple/img/nav_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/apple/img/nav_bg.png -------------------------------------------------------------------------------- /checkbox/checkbox.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 48 | -------------------------------------------------------------------------------- /checkbox/images/Check.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/checkbox/images/Check.png -------------------------------------------------------------------------------- /checkbox/images/UnCheck.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/checkbox/images/UnCheck.png -------------------------------------------------------------------------------- /cookie,jsonp,拖拽等综合/div随窗口移动.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | div随窗口移动 7 | 19 | 20 | 21 | 22 | 23 | 24 | 33 | -------------------------------------------------------------------------------- /cookie,jsonp,拖拽等综合/jQuery拖拽.html: -------------------------------------------------------------------------------- 1 |  3 | 4 | 5 | 6 | jQuery拖拽 7 | 19 | 20 | 21 |
22 | 23 | 24 | 50 | -------------------------------------------------------------------------------- /cookie,jsonp,拖拽等综合/jsonp.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | jsonp 7 | 8 | 9 | 10 | 11 | 12 | 13 | 21 | 31 | -------------------------------------------------------------------------------- /cookie,jsonp,拖拽等综合/拖拽.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 拖拽 7 | 25 | 26 | 27 |
28 | 11111111111111 29 | 30 |
31 | 32 | 33 | 59 | -------------------------------------------------------------------------------- /cookie,jsonp,拖拽等综合/拖拽改变div大小(类似textarea).html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 拖拽改变div大小 7 | 23 | 24 | 25 |
26 | 27 |
28 | 29 | 30 | 52 | -------------------------------------------------------------------------------- /cookie,jsonp,拖拽等综合/自由落体.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 自由落体 7 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 49 | -------------------------------------------------------------------------------- /fullPage/fullpage实例/css/jPages.css: -------------------------------------------------------------------------------- 1 | .holder { 2 | margin: 15px 0; 3 | } 4 | 5 | .holder a { 6 | font-size: 12px; 7 | cursor: pointer; 8 | margin: 0 5px; 9 | color: #333; 10 | } 11 | 12 | .holder a:hover { 13 | background-color: #222; 14 | color: #fff; 15 | } 16 | 17 | .holder a.jp-previous { margin-right: 15px; } 18 | .holder a.jp-next { margin-left: 15px; } 19 | 20 | .holder a.jp-current, a.jp-current:hover { 21 | color: #FF4242; 22 | font-weight: bold; 23 | } 24 | 25 | .holder a.jp-disabled, a.jp-disabled:hover { 26 | color: #bbb; 27 | } 28 | 29 | .holder a.jp-current, a.jp-current:hover, 30 | .holder a.jp-disabled, a.jp-disabled:hover { 31 | cursor: default; 32 | background: none; 33 | } 34 | 35 | .holder span { margin: 0 5px; } -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/Check.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/Check.png -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/UnCheck.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/UnCheck.png -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/apple.png -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/cxcalendar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/cxcalendar.png -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/edition_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/edition_large_2x.jpg -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/hero_sunset_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/hero_sunset_large_2x.jpg -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/primary_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/primary_large_2x.jpg -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/sport_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/sport_large_2x.jpg -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/technology_hero_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/technology_hero_large_2x.jpg -------------------------------------------------------------------------------- /fullPage/fullpage实例/images/timekeeping_hero_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/fullpage实例/images/timekeeping_hero_large_2x.jpg -------------------------------------------------------------------------------- /fullPage/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/images/1.jpg -------------------------------------------------------------------------------- /fullPage/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/images/2.jpg -------------------------------------------------------------------------------- /fullPage/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/images/3.jpg -------------------------------------------------------------------------------- /fullPage/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/fullPage/images/4.jpg -------------------------------------------------------------------------------- /fullPage/index11.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | fullPage.js演示-自动滚动_dowebok 6 | 7 | 10 | 11 | 12 | 13 |
14 |
15 |

第一屏

16 |
17 |
18 |

第二屏

19 |
20 |
21 |

第三屏

22 |
23 |
24 |

第四屏

25 |
26 |
27 | 28 | 29 | 30 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | dowebok 53 | jQuery全屏滚动插件fullPage.js 54 | 55 | 56 | -------------------------------------------------------------------------------- /fullPage/index12.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | fullPage.js演示-slide自动滚动_dowebok 6 | 7 | 10 | 11 | 12 | 13 |
14 |
15 |

第一屏

16 |

请滚动到第二屏查看

17 |
18 |
19 |

第二屏的第一屏

20 |

第二屏的第二屏

21 |

第二屏的第三屏

22 |
23 |
24 |

第三屏

25 |
26 |
27 |

第四屏

28 |
29 |
30 | 31 | 32 | 33 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | dowebok 56 | jQuery全屏滚动插件fullPage.js 57 | 58 | 59 | -------------------------------------------------------------------------------- /fullPage/index13.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | fullPage.js演示-响应式_dowebok 6 | 7 | 10 | 11 | 12 | 13 |
14 |
15 |

根据可视区域大小启用/关闭全屏滚动效果

16 |
17 |
18 |

如果可视区宽度小于1024，则关闭全屏滚动效果，使用自带的滚动条

19 |
20 |
21 |

请试着调整浏览器大小并查看滚动条是否出现

22 |
23 |
24 |

第四屏

25 |
26 |
27 | 28 | 29 | 30 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | dowebok 63 | jQuery全屏滚动插件fullPage.js 64 | 65 | 66 | -------------------------------------------------------------------------------- /fullPage/index2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | fullPage.js — 基本演示_dowebok 6 | 7 | 10 | 11 | 12 | 19 | 20 | 21 | 22 | 23 |
24 |
25 |

第一屏

26 |

fullPage.js — 基本演示

27 |
28 |
29 |

第二屏的第一屏

30 |

第二屏的第二屏

31 |

第二屏的第三屏

32 |
33 |
34 |

第三屏

35 |
36 |
37 |

第四屏

38 |

这是最后一屏

39 |
40 |
41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | dowebok 53 | jQuery全屏滚动插件fullPage.js 54 | 55 | 56 | -------------------------------------------------------------------------------- /fullPage/index3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | fullPage.js — 背景演示_dowebok 6 | 7 | 13 | 14 | 15 | 20 | 21 | 22 | 23 | 24 |
25 |
26 |
27 |
28 |
29 |
30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | dowebok 41 | jQuery全屏滚动插件fullPage.js 42 | 43 | 44 | -------------------------------------------------------------------------------- /fullPage/index4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | fullPage.js — 循环演示_dowebok 6 | 7 | 10 | 11 | 12 | 20 | 21 | 22 | 23 | 24 |
25 |
26 |

第一屏

27 |

fullPage.js — 循环演示

28 |
29 |
30 |

第二屏

31 |
32 |
33 |

第三屏

34 |
35 |
36 |

第四屏

37 |

这是最后一屏了，继续往下滚返回第一屏

38 |
39 |
40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | dowebok 51 | jQuery全屏滚动插件fullPage.js 52 | 53 | 54 | -------------------------------------------------------------------------------- /fullPage/index7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | fullPage.js — 项目导航演示_dowebok 6 | 7 | 10 | 11 | 12 | 20 | 21 | 22 | 23 | 24 |
25 |
26 |

第一屏

27 |

fullPage.js — 项目导航演示

28 |
29 |
30 |

第二屏

31 |

请查看右边的圆圈

32 |
33 |
34 |

第三屏

35 |

圆圈还可以设置位置，颜色，加上 tip，点击可以控制

36 |
37 |
38 |

第四屏

39 |

这是最后一屏

40 |
41 |
42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | dowebok 53 | jQuery全屏滚动插件fullPage.js 54 | 55 | 56 | -------------------------------------------------------------------------------- /fullPage/说明下载.url: -------------------------------------------------------------------------------- 1 | [DEFAULT] 2 | BASEURL=http://bbs.mumayi.net/index.php 3 | [InternetShortcut] 4 | URL=http://www.dowebok.com/77.html 5 | Modified=A0089165632FC701F8 6 | IconFile=C:\Windows\system32\SHELL32.dll 7 | IconIndex=130 8 | IDList= 9 | HotKey=0 10 | [InternetShortcut.A] 11 | [InternetShortcut.W] 12 | IconFile=E:+AFyPb072fxaPkQBc-favicon.ico 13 | [{000214A0-0000-0000-C000-000000000046}] 14 | Prop3=19,2 15 | -------------------------------------------------------------------------------- /iframe改变高度.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 34 | -------------------------------------------------------------------------------- /jQuery-aniview/.idea/.name: -------------------------------------------------------------------------------- 1 | scroll -------------------------------------------------------------------------------- /jQuery-aniview/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /jQuery-aniview/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /jQuery-aniview/.idea/scroll.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /jQuery-aniview/.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /jQuery-aniview/css/normalize.css: -------------------------------------------------------------------------------- 1 | article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} -------------------------------------------------------------------------------- /jQuery-aniview/css/styles.css: -------------------------------------------------------------------------------- 1 | body,html{padding-bottom:100px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:16px}.title{margin-top:50px;font-size:72px}.options{margin:25px 0 35px}.custom-classes,.description{margin-bottom:35px}.btn{width:150px}.options-table,pre{font-size:14px}.more-info{margin-top:35px;padding:10px}.animatecss-link,.animatecss-link:hover{color:#F35625}.box{height:150px}.red{background-color:red}.green{background-color:green}.blue{background-color:#00f}.custom-classes{margin-top:35px}.small-box{padding:15px;color:#ff0}.fast{-moz-animation-duration:1s;-moz-animation-delay:0s;-webkit-animation-duration:1s;-webkit-animation-delay:0s}.slow{-moz-animation-duration:3s;-moz-animation-delay:1s;-webkit-animation-duration:3s;-webkit-animation-delay:1s}.reallyslow{-moz-animation-duration:6s;-moz-animation-delay:3s;-webkit-animation-duration:6s;-webkit-animation-delay:3s}.conclusion{margin-top:50px} -------------------------------------------------------------------------------- /jQuery-aniview/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/jQuery-aniview/img/1.jpg -------------------------------------------------------------------------------- /jQuery-aniview/js/jquery.aniview.min.js: -------------------------------------------------------------------------------- 1 | !function(){var a=0;$.fn.scrolled=function(i,n){"function"==typeof i&&(n=i,i=200);var t="scrollTimer"+a++;this.scroll(function(){var a=$(this),o=a.data(t);o&&clearTimeout(o),o=setTimeout(function(){a.removeData(t),n.call(a[0])},i),a.data(t,o)})},$.fn.AniView=function(a){function i(a){var i=$(a).offset(),t=i.top+$(a).scrollTop(),o=(i.top+$(a).scrollTop()+$(a).height(),$(window).scrollTop()+$(window).height());return t'),$(i).css("opacity",0)}),$(t).each(function(a,n){var t=$(n).parent(".av-container");$(n).is("[av-animation]")&&!$(t).hasClass("av-visible")&&i(t)&&($(n).css("opacity",1),$(t).addClass("av-visible"),$(n).addClass("animated "+$(n).attr("av-animation")))}),$(window).scrolled(n.scrollPollInterval,function(){$(t).each(function(a,n){var t=$(n).parent(".av-container");$(n).is("[av-animation]")&&!$(t).hasClass("av-visible")&&i(t)&&($(n).css("opacity",1),$(t).addClass("av-visible"),$(n).addClass("animated "+$(n).attr("av-animation")))})})}}(); -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/cart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/jQuery仿天猫完美加入购物车/cart.png -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/jQuery仿天猫完美加入购物车/images/1.jpg -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/jQuery仿天猫完美加入购物车/images/2.jpg -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/jQuery仿天猫完美加入购物车/images/3.jpg -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/jQuery仿天猫完美加入购物车/images/4.jpg -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/images/cart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/jQuery仿天猫完美加入购物车/images/cart.png -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/jquery.fly.min.js: -------------------------------------------------------------------------------- 1 | /*! fly - v1.0.0 - 2014-12-22 2 | * https://github.com/amibug/fly 3 | * Copyright (c) 2014 wuyuedong; Licensed MIT */ 4 | !function(a){a.fly=function(b,c){var d={version:"1.0.0",autoPlay:!0,vertex_Rtop:20,speed:1.2,start:{},end:{},onEnd:a.noop},e=this,f=a(b);e.init=function(a){this.setOptions(a),!!this.settings.autoPlay&&this.play()},e.setOptions=function(b){this.settings=a.extend(!0,{},d,b);var c=this.settings,e=c.start,g=c.end;f.css({marginTop:"0px",marginLeft:"0px",position:"fixed"}).appendTo("body"),null!=g.width&&null!=g.height&&a.extend(!0,e,{width:f.width(),height:f.height()});var h=Math.min(e.top,g.top)-Math.abs(e.left-g.left)/3;hd?0:(d-j)/(e-j)*Math.PI/2),l=g.height-(g.height-c.height)*Math.cos(j>d?0:(d-j)/(e-j)*Math.PI/2);f.css({width:k+"px",height:l+"px","font-size":Math.min(k,l)+"px"})}f.css({left:h+"px",top:i+"px"}),b.count++;var m=window.requestAnimationFrame(a.proxy(this.move,this));d==e&&(window.cancelAnimationFrame(m),b.onEnd.apply(this))},e.destory=function(){f.remove()},e.init(c)},a.fn.fly=function(b){return this.each(function(){void 0==a(this).data("fly")&&a(this).data("fly",new a.fly(this,b))})}}(jQuery); -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/js/jquery.fly.min.js: -------------------------------------------------------------------------------- 1 | /*! fly - v1.0.0 - 2014-12-22 2 | * https://github.com/amibug/fly 3 | * Copyright (c) 2014 wuyuedong; Licensed MIT */ 4 | !function(a){a.fly=function(b,c){var d={version:"1.0.0",autoPlay:!0,vertex_Rtop:20,speed:1.2,start:{},end:{},onEnd:a.noop},e=this,f=a(b);e.init=function(a){this.setOptions(a),!!this.settings.autoPlay&&this.play()},e.setOptions=function(b){this.settings=a.extend(!0,{},d,b);var c=this.settings,e=c.start,g=c.end;f.css({marginTop:"0px",marginLeft:"0px",position:"fixed"}).appendTo("body"),null!=g.width&&null!=g.height&&a.extend(!0,e,{width:f.width(),height:f.height()});var h=Math.min(e.top,g.top)-Math.abs(e.left-g.left)/3;hd?0:(d-j)/(e-j)*Math.PI/2),l=g.height-(g.height-c.height)*Math.cos(j>d?0:(d-j)/(e-j)*Math.PI/2);f.css({width:k+"px",height:l+"px","font-size":Math.min(k,l)+"px"})}f.css({left:h+"px",top:i+"px"}),b.count++;var m=window.requestAnimationFrame(a.proxy(this.move,this));d==e&&(window.cancelAnimationFrame(m),b.onEnd.apply(this))},e.destory=function(){f.remove()},e.init(c)},a.fn.fly=function(b){return this.each(function(){void 0==a(this).data("fly")&&a(this).data("fly",new a.fly(this,b))})}}(jQuery); -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/js/requestAnimationFrame.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | var lastTime = 0; 3 | var vendors = ['webkit', 'moz']; 4 | for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { 5 | window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame']; 6 | window.cancelAnimationFrame = 7 | window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame']; 8 | } 9 | 10 | if (!window.requestAnimationFrame){ 11 | window.requestAnimationFrame = function (callback, element) { 12 | var currTime = new Date().getTime(); 13 | var timeToCall = Math.max(0, 16 - (currTime - lastTime)); 14 | var id = window.setTimeout(function () { 15 | callback(currTime + timeToCall); 16 | }, 17 | timeToCall); 18 | lastTime = currTime + timeToCall; 19 | return id; 20 | }; 21 | } 22 | if (!window.cancelAnimationFrame){ 23 | window.cancelAnimationFrame = function (id) { 24 | clearTimeout(id); 25 | }; 26 | } 27 | }()); -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/requestAnimationFrame.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | var lastTime = 0; 3 | var vendors = ['webkit', 'moz']; 4 | for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { 5 | window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame']; 6 | window.cancelAnimationFrame = 7 | window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame']; 8 | } 9 | 10 | if (!window.requestAnimationFrame){ 11 | window.requestAnimationFrame = function (callback, element) { 12 | var currTime = new Date().getTime(); 13 | var timeToCall = Math.max(0, 16 - (currTime - lastTime)); 14 | var id = window.setTimeout(function () { 15 | callback(currTime + timeToCall); 16 | }, 17 | timeToCall); 18 | lastTime = currTime + timeToCall; 19 | return id; 20 | }; 21 | } 22 | if (!window.cancelAnimationFrame){ 23 | window.cancelAnimationFrame = function (id) { 24 | clearTimeout(id); 25 | }; 26 | } 27 | }()); -------------------------------------------------------------------------------- /jQuery仿天猫完美加入购物车/素材火帮助.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/jQuery仿天猫完美加入购物车/素材火帮助.txt -------------------------------------------------------------------------------- /jQuery圆形统计插件/css/jquery.circliful.css: -------------------------------------------------------------------------------- 1 | .circliful { 2 | position: relative; 3 | } 4 | 5 | .circle-text, .circle-info, .circle-text-half, .circle-info-half { 6 | width: 100%; 7 | position: absolute; 8 | text-align: center; 9 | display: inline-block; 10 | } 11 | 12 | .circle-info, .circle-info-half { 13 | color: #999; 14 | } 15 | 16 | .circliful .fa { 17 | margin: -10px 3px 0 3px; 18 | position: relative; 19 | bottom: 4px; 20 | } 21 | -------------------------------------------------------------------------------- /jQuery圆形统计插件/设置.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/jQuery圆形统计插件/设置.png -------------------------------------------------------------------------------- /roundabout/css/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/roundabout/css/Thumbs.db -------------------------------------------------------------------------------- /roundabout/css/pattern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/roundabout/css/pattern.png -------------------------------------------------------------------------------- /roundabout/css/sprites.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/roundabout/css/sprites.png -------------------------------------------------------------------------------- /roundabout/images/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/roundabout/images/Thumbs.db -------------------------------------------------------------------------------- /roundabout/images/client.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/roundabout/images/client.png -------------------------------------------------------------------------------- /roundabout/images/developer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/roundabout/images/developer.png -------------------------------------------------------------------------------- /roundabout/images/manager.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/roundabout/images/manager.png -------------------------------------------------------------------------------- /roundabout/images/tester.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/roundabout/images/tester.png -------------------------------------------------------------------------------- /roundabout/images/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/roundabout/images/user.png -------------------------------------------------------------------------------- /roundabout/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | jQuery.roundabout.js制作图片倾斜层叠切换效果示例页面 - 问说 6 | 7 | 8 | 9 |
10 |
11 |
12 | 13 | 14 |
    15 |
  • 16 | 17 |
    Client
    18 |
    • 19 |
  • 20 | 21 |
    Developer
    22 |
    • 23 |
  • 24 | 25 |
    Manager
    26 |
    • 27 |
  • 28 | 29 |
    Tester
    30 |
    • 31 |
  • 32 | 33 |
    Power User
    34 |
    • 35 |
36 |
    37 |
    • 38 |
    • 39 |
    • 40 |
    • 41 |
    • 42 |
43 |
44 |
45 |
46 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /slider1.2/css/slider1.2.css: -------------------------------------------------------------------------------- 1 | .slider-box{ 2 | position:relative; 3 | } 4 | .slider_cube,.slider_inner_a,.slider_inner_b{ 5 | position:absolute; 6 | width:100%; 7 | height:100%; 8 | overflow:hidden; 9 | } 10 | .slider_nav_box{ 11 | position:absolute; 12 | right:0; 13 | bottom:25%; 14 | } 15 | .slider_nav_title{ 16 | background:url(http://i1.tietuku.com/87ec913b390798fa.png) repeat center right; 17 | min-width:150px; 18 | height:100px 19 | } 20 | .slider_nav{ 21 | background:url(http://i1.tietuku.com/87ec913b390798fa.png) no-repeat; 22 | height:18px; 23 | min-width:100px; 24 | } 25 | .slider_bar{ 26 | position:absolute; 27 | width:100%; 28 | text-align:center; 29 | bottom:10px; 30 | height:20px; 31 | } 32 | .slider_bar span{ 33 | display:inline-block; 34 | margin:0 10px; 35 | width:14px; 36 | height:14px; 37 | background:#B7B7B7; 38 | cursor:pointer; 39 | border-radius:20px; 40 | box-shadow:inset 0 0 3px rgba(0,0,0,0.3); 41 | -webkit-transition:.3s; 42 | -moz-transition:.3s; 43 | -ms-transition:.3s; 44 | -o-transition:.3s; 45 | transition:.3s; 46 | } 47 | .slider_bar span:hover{ 48 | background:#333; 49 | background:rgba(0,0,0,0.7); 50 | } 51 | .slider_bar span.active{ 52 | background:#F40; 53 | background:rgba(255,68,0,0.9); 54 | cursor:default; 55 | } -------------------------------------------------------------------------------- /slider1.2/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/slider1.2/img/1.jpg -------------------------------------------------------------------------------- /slider1.2/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/slider1.2/img/2.jpg -------------------------------------------------------------------------------- /slider1.2/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/slider1.2/img/3.jpg -------------------------------------------------------------------------------- /slider1.2/img/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/slider1.2/img/4.png -------------------------------------------------------------------------------- /slider1.2/img/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/slider1.2/img/5.png -------------------------------------------------------------------------------- /slider1.2/img/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/slider1.2/img/6.png -------------------------------------------------------------------------------- /slider1.2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 45 | -------------------------------------------------------------------------------- /word/.idea/.name: -------------------------------------------------------------------------------- 1 | word -------------------------------------------------------------------------------- /word/.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /word/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /word/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /word/.idea/word.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /仿淘宝轮播(无缝做不出来)/img/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿淘宝轮播(无缝做不出来)/img/1.png -------------------------------------------------------------------------------- /仿淘宝轮播(无缝做不出来)/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿淘宝轮播(无缝做不出来)/img/2.jpg -------------------------------------------------------------------------------- /仿淘宝轮播(无缝做不出来)/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿淘宝轮播(无缝做不出来)/img/3.jpg -------------------------------------------------------------------------------- /仿淘宝轮播(无缝做不出来)/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿淘宝轮播(无缝做不出来)/img/4.jpg -------------------------------------------------------------------------------- /仿淘宝轮播(无缝做不出来)/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿淘宝轮播(无缝做不出来)/img/5.jpg -------------------------------------------------------------------------------- /仿苹果导航菜单/images/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿苹果导航菜单/images/1.png -------------------------------------------------------------------------------- /仿苹果导航菜单/images/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿苹果导航菜单/images/2.png -------------------------------------------------------------------------------- /仿苹果导航菜单/images/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿苹果导航菜单/images/3.png -------------------------------------------------------------------------------- /仿苹果导航菜单/images/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿苹果导航菜单/images/4.png -------------------------------------------------------------------------------- /仿苹果导航菜单/images/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/仿苹果导航菜单/images/5.png -------------------------------------------------------------------------------- /切换(给未来元素添加事件)/切换.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 30 | 31 | 32 |
33 |
34 | 35 | 36 | 52 | -------------------------------------------------------------------------------- /列表项滚动(多用于新闻条目)/test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 鼠标 6 | 30 | 31 | 32 |
33 |
    34 |
  • 111
    • 35 |
  • 222
    • 36 |
  • 333
    • 37 |
  • 444
    • 38 |
  • 555
    • 39 |
40 |
41 | 42 | 43 | 59 | -------------------------------------------------------------------------------- /加入购物车/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/加入购物车/img/1.jpg -------------------------------------------------------------------------------- /加入购物车/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/加入购物车/img/2.jpg -------------------------------------------------------------------------------- /加入购物车/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/加入购物车/img/3.jpg -------------------------------------------------------------------------------- /加入购物车/img/cart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/加入购物车/img/cart.png -------------------------------------------------------------------------------- /加入购物车/js/jquery.fly.min.js: -------------------------------------------------------------------------------- 1 | /*! fly - v1.0.0 - 2014-12-22 2 | * https://github.com/amibug/fly 3 | * Copyright (c) 2014 wuyuedong; Licensed MIT */ 4 | !function(a){a.fly=function(b,c){var d={version:"1.0.0",autoPlay:!0,vertex_Rtop:20,speed:1.2,start:{},end:{},onEnd:a.noop},e=this,f=a(b);e.init=function(a){this.setOptions(a),!!this.settings.autoPlay&&this.play()},e.setOptions=function(b){this.settings=a.extend(!0,{},d,b);var c=this.settings,e=c.start,g=c.end;f.css({marginTop:"0px",marginLeft:"0px",position:"fixed"}).appendTo("body"),null!=g.width&&null!=g.height&&a.extend(!0,e,{width:f.width(),height:f.height()});var h=Math.min(e.top,g.top)-Math.abs(e.left-g.left)/3;hd?0:(d-j)/(e-j)*Math.PI/2),l=g.height-(g.height-c.height)*Math.cos(j>d?0:(d-j)/(e-j)*Math.PI/2);f.css({width:k+"px",height:l+"px","font-size":Math.min(k,l)+"px"})}f.css({left:h+"px",top:i+"px"}),b.count++;var m=window.requestAnimationFrame(a.proxy(this.move,this));d==e&&(window.cancelAnimationFrame(m),b.onEnd.apply(this))},e.destory=function(){f.remove()},e.init(c)},a.fn.fly=function(b){return this.each(function(){void 0==a(this).data("fly")&&a(this).data("fly",new a.fly(this,b))})}}(jQuery); -------------------------------------------------------------------------------- /加入购物车/js/requestAnimationFrame.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | var lastTime = 0; 3 | var vendors = ['webkit', 'moz']; 4 | for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { 5 | window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame']; 6 | window.cancelAnimationFrame = 7 | window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame']; 8 | } 9 | 10 | if (!window.requestAnimationFrame){ 11 | window.requestAnimationFrame = function (callback, element) { 12 | var currTime = new Date().getTime(); 13 | var timeToCall = Math.max(0, 16 - (currTime - lastTime)); 14 | var id = window.setTimeout(function () { 15 | callback(currTime + timeToCall); 16 | }, 17 | timeToCall); 18 | lastTime = currTime + timeToCall; 19 | return id; 20 | }; 21 | } 22 | if (!window.cancelAnimationFrame){ 23 | window.cancelAnimationFrame = function (id) { 24 | clearTimeout(id); 25 | }; 26 | } 27 | }()); -------------------------------------------------------------------------------- /动感十足的jquery导航/config.js: -------------------------------------------------------------------------------- 1 | $(document).ready( 2 | function() 3 | { 4 | // Toggle Single Portlet 5 | $('a.toggle').click(function() 6 | { 7 | $(this).parent('div').next('div').toggle(); 8 | return false; 9 | } 10 | ); 11 | 12 | // Invert All Portlets 13 | $('a#all_invert').click(function() 14 | { 15 | $('div.portlet_content').toggle(); 16 | return false; 17 | } 18 | ); 19 | 20 | // Expand All Portlets 21 | $('a#all_expand').click(function() 22 | { 23 | $('div.portlet_content:hidden').show(); 24 | return false; 25 | } 26 | ); 27 | 28 | // Collapse All Portlets 29 | $('a#all_collapse').click(function() 30 | { 31 | $('div.portlet_content:visible').hide(); 32 | return false; 33 | } 34 | ); 35 | 36 | // Open All Portlets 37 | $('a#all_open').click(function() 38 | { 39 | $('div.portlet:hidden').show(); 40 | $('a#all_open:visible').hide(); 41 | $('a#all_close:hidden').show(); 42 | return false; 43 | } 44 | ); 45 | 46 | // Close All Portlets 47 | $('a#all_close').click(function() 48 | { 49 | $('div.portlet:visible').hide(); 50 | $('a#all_close:visible').hide(); 51 | $('a#all_open:hidden').show(); 52 | return false; 53 | } 54 | ); 55 | 56 | // Controls Drag + Drop 57 | $('#columns td').Sortable( 58 | { 59 | accept: 'portlet', 60 | helperclass: 'sort_placeholder', 61 | opacity: 0.7, 62 | tolerance: 'intersect' 63 | } 64 | ); 65 | } 66 | ); -------------------------------------------------------------------------------- /动感十足的jquery导航/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/动感十足的jquery导航/images/1.jpg -------------------------------------------------------------------------------- /动感十足的jquery导航/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/动感十足的jquery导航/images/2.jpg -------------------------------------------------------------------------------- /动感十足的jquery导航/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/动感十足的jquery导航/images/3.jpg -------------------------------------------------------------------------------- /动感十足的jquery导航/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/动感十足的jquery导航/images/4.jpg -------------------------------------------------------------------------------- /动感十足的jquery导航/images/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/动感十足的jquery导航/images/5.jpg -------------------------------------------------------------------------------- /动感十足的jquery导航/images/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/动感十足的jquery导航/images/Thumbs.db -------------------------------------------------------------------------------- /动感十足的jquery导航/logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/动感十足的jquery导航/logo.gif -------------------------------------------------------------------------------- /动感十足的jquery导航/动感十足的jquery导航.rar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/动感十足的jquery导航/动感十足的jquery导航.rar -------------------------------------------------------------------------------- /图片墙/css/hualang.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | body{ 6 | background: #fff; 7 | font-family: 'Microsoft YaHei','Lantinghei SC'; 8 | } 9 | #wrap{ 10 | width: 100%; 11 | min-width: 1200px; 12 | height: 800px; 13 | position: absolute; 14 | top: 50%; 15 | margin-top: -400px; 16 | left: 0; 17 | overflow: hidden; 18 | background: #333; 19 | } 20 | /*控制图片大小*/ 21 | .photo{ 22 | width: 260px; 23 | height: 320px; 24 | position: absolute; 25 | z-index: 1; 26 | box-shadow: 0 0 1px rgba(0,0,0,.01); 27 | transition: all .4s; 28 | -webkit-transition: all .6s; 29 | } 30 | .photo .side{ 31 | width: 100%; 32 | height: 100%; 33 | background: #eee; 34 | position: absolute; 35 | top: 0; 36 | left: 0; 37 | padding: 10px; 38 | } 39 | .image{ 40 | /*border: 1px solid blue;*/ 41 | width: 100%; 42 | height: 250px; 43 | /*line-height: 250px;*/ 44 | overflow: hidden; 45 | } 46 | .photo .side img{ 47 | width: 100%; 48 | } 49 | .photo .side .caption{ 50 | text-align: center; 51 | font-size: 14px; 52 | line-height: 50px; 53 | } 54 | /*正中图片*/ 55 | .photo_center{ 56 | /*left: 50%;*/ 57 | /*top: 50%;*/ 58 | margin-left: -160px; 59 | margin-top: -130px; 60 | z-index: 999; 61 | /*transform*/ 62 | } 63 | .btn-box{ 64 | width: 100%; 65 | position: absolute; 66 | z-index: 1000; 67 | bottom: 50px; 68 | text-align: center; 69 | } 70 | .btn-list{ 71 | list-style: none; 72 | margin: 0 auto; 73 | } 74 | .btn-list li{ 75 | width: 20px; 76 | height: 20px; 77 | border-radius: 50%; 78 | cursor: pointer; 79 | background: #000; 80 | display: inline-block; 81 | margin-right: 5px; 82 | } 83 | .btn-list li:hover{ 84 | background: #aaa; 85 | } -------------------------------------------------------------------------------- /图片墙/img/han7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/图片墙/img/han7.jpg -------------------------------------------------------------------------------- /字符串操作/介绍内容缩放.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 倒计时 7 | 23 | 24 | 25 |

26 | 27 | 盗墓派的开山祖师爷，文笔和逻辑性绝对能把盗墓笔记拍死在沙滩上。盗墓笔记开场就是鬼吹灯的同人， 28 | 比如王胖子，特么人物就是直接用的鬼吹灯的胖子，连姓名都不改。怕鬼吹灯的设定盗墓分北派南派，发 29 | 丘中郎将、摸金校尉、搬山道人和卸岭力士。盗墓笔记就直接抄袭了这设定。连特么作者的名字都是直接 30 | 按同人作品来的怒但为什么现在大家谈盗墓就说笔记？？难道就因为鬼吹灯是写完才出书的没有按照网文 31 | 的规矩来？？惊 难道里面少了基情就没戏了？？ 衰个人觉得南派三叔人品不咋地... 32 | 33 | >>收缩 34 |

35 | 36 | 53 | -------------------------------------------------------------------------------- /字符串操作/分割文字.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 26 | 27 | 28 |
29 | 30 |
31 | 32 | 33 | 34 | 49 | -------------------------------------------------------------------------------- /字符串操作/文字替换.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 19 | 20 | 21 |
22 | [张万年同志逝世]中国共产党的优秀党员，久经考验的忠诚共产主义战士，无产阶级革命家、军事家，中国人民解放军的卓越领导人，中国共产党第十五届中央政治局委员、书记处书记，中央军委原副主席张万年同志，因病医治无效，于2015年1月14日17时在北京逝世，享年87岁。 23 |
24 | 25 | 26 | 27 | 28 | 44 | -------------------------------------------------------------------------------- /字符串操作/高亮文字.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 19 | 20 | 21 |
22 | [张万年同志逝世]中国共产党的优秀党员，久经考验的忠诚共产主义战士，无产阶级革命家、军事家，中国人民解放军的卓越领导人，中国共产党第十五届中央政治局委员、书记处书记，中央军委原副主席张万年同志，因病医治无效，于2015年1月14日17时在北京逝世，享年87岁。 23 |
24 | 25 | 26 | 27 | 41 | -------------------------------------------------------------------------------- /字符云/wordCloud.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | 15 | 16 | 17 |
18 | 19 | 20 | 29 | -------------------------------------------------------------------------------- /延时菜单/11-setTimeout实例.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 无标题文档 6 | 7 | 11 | 12 | 35 | 36 | 37 | 38 | 39 |
40 |
41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /延时菜单/miaov.js: -------------------------------------------------------------------------------- 1 | // JavaScript Document 2 | 3 | function $( v ){ 4 | if( typeof v === 'function' ){ 5 | window.onload = v; 6 | } else if ( typeof v === 'string' ) { 7 | return document.getElementById(v); 8 | } else if ( typeof v === 'object' ) { 9 | return v; 10 | } 11 | } 12 | 13 | function getStyle( obj, attr ){ 14 | return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle( obj )[attr]; 15 | } -------------------------------------------------------------------------------- /推拉门改进/han1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/推拉门改进/han1.jpg -------------------------------------------------------------------------------- /推拉门改进/han2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/推拉门改进/han2.jpg -------------------------------------------------------------------------------- /推拉门改进/han3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/推拉门改进/han3.jpg -------------------------------------------------------------------------------- /推拉门改进/han4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/推拉门改进/han4.jpg -------------------------------------------------------------------------------- /推拉门改进/han5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/推拉门改进/han5.jpg -------------------------------------------------------------------------------- /搜狐辩论投票/images/bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/搜狐辩论投票/images/bg.gif -------------------------------------------------------------------------------- /搜狐辩论投票/images/green.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/搜狐辩论投票/images/green.gif -------------------------------------------------------------------------------- /搜狐辩论投票/images/red.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/搜狐辩论投票/images/red.gif -------------------------------------------------------------------------------- /搜狐辩论投票/images/vs.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/搜狐辩论投票/images/vs.gif -------------------------------------------------------------------------------- /摇奖/摇奖自写/img/num.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/摇奖/摇奖自写/img/num.png -------------------------------------------------------------------------------- /摇奖/简易的老虎机程序/images/num.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/摇奖/简易的老虎机程序/images/num.png -------------------------------------------------------------------------------- /擦除/html/擦除.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 23 | 24 | 25 |
26 | 27 | 28 |
29 | 30 | 31 | 32 | 55 | -------------------------------------------------------------------------------- /擦除/img/han1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/擦除/img/han1.jpg -------------------------------------------------------------------------------- /擦除/img/han2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/擦除/img/han2.jpg -------------------------------------------------------------------------------- /擦除/js/jquery.eraser.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/擦除/js/jquery.eraser.js -------------------------------------------------------------------------------- /放大镜/big.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/放大镜/big.png -------------------------------------------------------------------------------- /放大镜/small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/放大镜/small.png -------------------------------------------------------------------------------- /数组/数组去重.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 23 | -------------------------------------------------------------------------------- /数组去重.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 窗口登陆效果-蚂蚁部落 6 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /无缝切换/test1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/无缝切换/test1.jpg -------------------------------------------------------------------------------- /无缝切换/test2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/无缝切换/test2.jpg -------------------------------------------------------------------------------- /无缝切换/test3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/无缝切换/test3.jpg -------------------------------------------------------------------------------- /无缝切换/test4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/无缝切换/test4.jpg -------------------------------------------------------------------------------- /无缝切换/test5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/无缝切换/test5.jpg -------------------------------------------------------------------------------- /日历联动/img/calendar_all.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/日历联动/img/calendar_all.png -------------------------------------------------------------------------------- /日历联动/img/icon_date.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/日历联动/img/icon_date.png -------------------------------------------------------------------------------- /日历联动/img/page.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/日历联动/img/page.png -------------------------------------------------------------------------------- /日历联动/img/px.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/日历联动/img/px.png -------------------------------------------------------------------------------- /日历联动/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 32 | -------------------------------------------------------------------------------- /模拟扔物体/han1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/模拟扔物体/han1.jpg -------------------------------------------------------------------------------- /滚动title.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 16 | 17 | 18 | 19 | 20 | 21 | 39 | -------------------------------------------------------------------------------- /点击特效/test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 23 | 24 | 25 |
26 |
27 |
28 | 29 | 30 | 31 | 53 | -------------------------------------------------------------------------------- /网页进度条/.idea/.name: -------------------------------------------------------------------------------- 1 | 网页进度条 -------------------------------------------------------------------------------- /网页进度条/.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /网页进度条/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /网页进度条/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /网页进度条/.idea/网页进度条.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /网页进度条/网页进度条.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/网页进度条/网页进度条.txt -------------------------------------------------------------------------------- /苹果官网商品展示/apple1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple1.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple10.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple11.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple12.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple2.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple3.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple4.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple5.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple6.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple7.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple8.jpg -------------------------------------------------------------------------------- /苹果官网商品展示/apple9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/苹果官网商品展示/apple9.jpg -------------------------------------------------------------------------------- /表格上下移动/表格行上下移动.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 12 | 13 | 14 | 15 | 16 | 17 | 21 | 22 | 23 | 24 | 28 | 29 | 30 | 31 | 35 | 36 | 37 | 38 | 42 | 43 | 44 | 45 | 49 | 50 |
111 18 | 上移 19 | 下移 20 |
222 25 | 上移 26 | 下移 27 |
333 32 | 上移 33 | 下移 34 |
444 39 | 上移 40 | 下移 41 |
555 46 | 上移 47 | 下移 48 |
51 | 52 | 53 | 69 | -------------------------------------------------------------------------------- /表格操作/表格查找.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 我的test 6 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 |
1C#
2C++
3js
4Jquery
5html
6PHP
7Perl
8PASCAL
60 | 61 | 62 | 73 | -------------------------------------------------------------------------------- /计时/img/0.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/0.JPG -------------------------------------------------------------------------------- /计时/img/1.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/1.JPG -------------------------------------------------------------------------------- /计时/img/2.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/2.JPG -------------------------------------------------------------------------------- /计时/img/3.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/3.JPG -------------------------------------------------------------------------------- /计时/img/4.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/4.JPG -------------------------------------------------------------------------------- /计时/img/5.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/5.JPG -------------------------------------------------------------------------------- /计时/img/6.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/6.JPG -------------------------------------------------------------------------------- /计时/img/7.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/7.JPG -------------------------------------------------------------------------------- /计时/img/8.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/8.JPG -------------------------------------------------------------------------------- /计时/img/9.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/9.JPG -------------------------------------------------------------------------------- /计时/img/colon.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/计时/img/colon.JPG -------------------------------------------------------------------------------- /轮播(自己写出来的,第一次,值得纪念)/img/han2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播(自己写出来的,第一次,值得纪念)/img/han2.jpg -------------------------------------------------------------------------------- /轮播(自己写出来的,第一次,值得纪念)/img/han3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播(自己写出来的,第一次,值得纪念)/img/han3.jpg -------------------------------------------------------------------------------- /轮播(自己写出来的,第一次,值得纪念)/img/han4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播(自己写出来的,第一次,值得纪念)/img/han4.jpg -------------------------------------------------------------------------------- /轮播(自己写出来的,第一次,值得纪念)/img/han5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播(自己写出来的,第一次,值得纪念)/img/han5.jpg -------------------------------------------------------------------------------- /轮播(自己写出来的,第一次,值得纪念)/img/han7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播(自己写出来的,第一次,值得纪念)/img/han7.jpg -------------------------------------------------------------------------------- /轮播(自己写出来的,第一次,值得纪念)/img/next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播(自己写出来的,第一次,值得纪念)/img/next.png -------------------------------------------------------------------------------- /轮播(自己写出来的,第一次,值得纪念)/img/prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播(自己写出来的,第一次,值得纪念)/img/prev.png -------------------------------------------------------------------------------- /轮播神器/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/img/1.jpg -------------------------------------------------------------------------------- /轮播神器/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/img/2.jpg -------------------------------------------------------------------------------- /轮播神器/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/img/3.jpg -------------------------------------------------------------------------------- /轮播神器/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/img/4.jpg -------------------------------------------------------------------------------- /轮播神器/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/img/5.jpg -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/loading.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_51xflash/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_51xflash/Thumbs.db -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_51xflash/play.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_51xflash/play.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_51xflash/tit-ar.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_51xflash/tit-ar.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_classicHB/btn-blue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_classicHB/btn-blue.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_classicHB/btn-gray.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_classicHB/btn-gray.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_classicHC/btn-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_classicHC/btn-bg.png -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_classicHC/btn-red.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_classicHC/btn-red.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_games_tb/ar.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_games_tb/ar.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_kdui/dots.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_kdui/dots.png -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_kdui/slider-arrows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_kdui/slider-arrows.png -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_kiki/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_kiki/Thumbs.db -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_kiki/ar-left.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_kiki/ar-left.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_kiki/ar-right.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_kiki/ar-right.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_kiki/tit-ar.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_kiki/tit-ar.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_pithy_tb/btn.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_pithy_tb/btn.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_pithy_tb/turn.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_pithy_tb/turn.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_qiyi/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_qiyi/bg.jpg -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_qiyi/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_qiyi/loading.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_sohusports/sh-btn.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_sohusports/sh-btn.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_taobaomall/btn-bg2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_taobaomall/btn-bg2.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/img/mF_tbhuabao/btn-bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/轮播神器/js/mf-pattern/img/mF_tbhuabao/btn-bg.gif -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_51xflash.css: -------------------------------------------------------------------------------- 1 | /*=========mF_51xflash========*/ 2 | .mF_51xflash_wrap{padding:8px;border:1px solid #999;float:left;background:#fff;}/*背景边框*/ 3 | .mF_51xflash{ position:relative;} 4 | .mF_51xflash .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 5 | .mF_51xflash .pic{position:absolute;top:0;left:0;overflow:hidden;} 6 | .mF_51xflash .pic ul{position:static;} 7 | .mF_51xflash .pic ul li{position:absolute;right:0;} 8 | .mF_51xflash .pic ul li a,.mF_51xflash .pic ul li a img{display:block;width:100%;height:100%;} 9 | .mF_51xflash .txt{position:absolute;left:0;bottom:0;width:100%;height:34px;line-height:34px;} 10 | .mF_51xflash .txt li{position:absolute;width:100%;height:100%;background:#f1f1f1;} 11 | .mF_51xflash .txt li a{display:block;padding-left:40px;font-size:14px;color:#333;font-weight:bold;text-decoration:none;background:url(img/mF_51xflash/tit-ar.gif) 6px center no-repeat;} 12 | .mF_51xflash .play,.mF_51xflash .stop{position:absolute;right:10px;bottom:6px;z-index:9;width:30px;height:23px;overflow:hidden;cursor:pointer;background:url(img/mF_51xflash/play.gif) left -25px no-repeat;} 13 | .mF_51xflash .stop{background-position:left top;} 14 | -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_YSlider.css: -------------------------------------------------------------------------------- 1 | /*=========mF_YSlider ========*/ 2 | .mF_YSlider{ position:relative;} 3 | .mF_YSlider .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 4 | .mF_YSlider .pic li,.mF_YSlider .rePic li{position:absolute;top:0;left:0;display:none;} 5 | .mF_YSlider .txt li{position:absolute;z-index:2;bottom:0;width:100%;height:36px;line-height:36px;display:none;}/*默认标题高度*/ 6 | .mF_YSlider .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/ 7 | .mF_YSlider .txt li b{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:0.4;} 8 | .mF_YSlider .num{position:absolute;z-index:3;bottom:8px;right:2px;} 9 | .mF_YSlider .num li{position:relative;float:left;width:20px;height:20px;overflow:hidden;text-align:center;margin-right:4px;cursor:pointer;} 10 | .mF_YSlider .num li a,.mF_YSlider .num li b{display:block;width:18px;height:18px;border:1px solid #dedede;line-height:18px;position:absolute;z-index:2;top:0;left:0;color:#333; text-decoration:none;}/*按钮样式*/ 11 | .mF_YSlider .num li b{z-index:1;background:#fff;filter:alpha(opacity=60);opacity:0.6;} 12 | .mF_YSlider .num li.current a,.mF_YSlider .num li.hover a{border-color:#E63003;color:#fff;background:#F66E08;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;}/*当前/悬停按钮 -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_YSlider.js: -------------------------------------------------------------------------------- 1 | myFocus.pattern.extend({//*********************YSlide--翻页效果 这个也没有左右****************** 2 | 'mF_YSlider':function(settings,$){ 3 | var $focus=$(settings); 4 | var $picList=$focus.find('.pic li'); 5 | var $rePicList=$focus.addHtml('
'+$focus.find('.pic').html()+'
').find('li'); 6 | var $txtList=$focus.addListTxt().find('li'); 7 | var $numList=$focus.addListNum().find('li'); 8 | //PLAY 9 | var s=settings.direction==='single'?true:false,d1=settings.width,d2=settings.height; 10 | $focus.play(function(i,n){ 11 | var r=s?1:Math.round(1+(Math.random()*(2-1))),dis,d,p={}; 12 | dis=r===1?d1:d2,d=Math.round(Math.random()+s)?dis:-dis,p[r===1?'left':'top']=d; 13 | $picList[i].style.display=$txtList[i].style.display='none'; 14 | $numList[i].className=''; 15 | $rePicList.eq(i).css({left:0,top:0,display:'block',opacity:1}).slide(p,500,'swing').fadeOut(500); 16 | },function(i,n){ 17 | $picList[i].style.display=$txtList[i].style.display='block'; 18 | $numList[i].className='current'; 19 | }); 20 | //Control 21 | $focus.bindControl($numList); 22 | } 23 | }); 24 | myFocus.config.extend({'mF_YSlider':{direction:'random'}});//切出方向,可选：'random'(随机) | 'single'(单向/向右) -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_classicHB.css: -------------------------------------------------------------------------------- 1 | /*=========mF_classicHB --经典怀旧系列二--========*/ 2 | .mF_classicHB_wrap{padding:8px;border:1px solid #999;float:left;background:#fff;}/*背景边框*/ 3 | .mF_classicHB{-webkit-text-size-adjust:none; position:relative;}/*修正chrome的字体bug*/ 4 | .mF_classicHB .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 5 | .mF_classicHB .pic{position:relative;} 6 | .mF_classicHB .pic li{position:absolute;width:120%;height:120%;} 7 | .mF_classicHB .pic li img{width:100%;height:100%;} 8 | .mF_classicHB .txt li{position:absolute;left:0;top:0;overflow:hidden;height:20px;line-height:20px;} 9 | .mF_classicHB .txt li a{display:block;position:relative;z-index:1;color:#fff;text-align:center;font-size:12px;text-decoration:none;}/*文字样式*/ 10 | .mF_classicHB .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:0.4;} 11 | .mF_classicHB .num{height:17px;position:absolute;z-index:3;right:0;bottom:2px;color:#fff;} 12 | .mF_classicHB .num li{float:left;margin-right:2px;width:16px;height:17px;text-align:center;position:relative;} 13 | .mF_classicHB .num li a{display:block;position:relative;z-index:1;line-height:16px;font-size:10px;color:#fff;text-decoration:none;cursor:pointer;}/*按钮样式*/ 14 | .mF_classicHB .num li b{display:block;width:100%;height:17px;position:absolute;top:0;left:0;background:url(img/mF_classicHB/btn-gray.gif) no-repeat;filter:alpha(opacity=70);opacity:0.7;} 15 | .mF_classicHB .num li.current b,.mF_classicHB .num li.hover b{background-image:url(img/mF_classicHB/btn-blue.gif)}/*当前/悬停按钮样式*/ -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_classicHB.js: -------------------------------------------------------------------------------- 1 | myFocus.pattern.extend({ 2 | 'mF_classicHB':function(settings,$){//*********************经典怀旧系列二--海报风格****************** 3 | var $focus=$(settings); 4 | var $picList=$focus.find('.pic li'); 5 | var $txtList=$focus.addListTxt().find('li'); 6 | var $numList=$focus.addListNum().find('li'); 7 | //CSS 8 | var w=settings.width,h=settings.height,txtH=settings.txtHeight;//设置默认的文字高度 9 | for(var i=0,n=$picList.length;i'); 7 | var $numBox=$focus.addListNum(); 8 | var $numList=$numBox.find('li'); 9 | //CSS 10 | var txtH=settings.txtHeight,w=settings.width,h=settings.height; 11 | $focus.css({width:w+2,height:h+txtH+2}); 12 | $numBg[0].style.bottom=$numBox[0].style.bottom=txtH+1+'px'; 13 | for(var i=0,n=$picList.length;i'); 8 | //CSS 9 | var txtH=settings.txtHeight; 10 | $picList.each(function(i){ 11 | this.style.display='none'; 12 | $txtList[i].style.bottom=-txtH+'px'; 13 | }); 14 | //PLAY 15 | $focus.play(function(prev){ 16 | $picList.eq(prev).fadeOut(); 17 | $numList[prev].className=''; 18 | },function(next,n,prev){ 19 | $picList.eq(next).fadeIn(); 20 | $txtList.eq(prev).slide({bottom:-txtH},200,'swing',function(){ 21 | $txtList.eq(next).slide({bottom:0},200); 22 | }); 23 | $numList[next].className='current'; 24 | }); 25 | //Control 26 | settings.delay=200;//固定其延迟 27 | $focus.bindControl($numList); 28 | } 29 | }); 30 | myFocus.config.extend({'mF_expo2010':{txtHeight:36}});//默认文字层高度 -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_games_tb.css: -------------------------------------------------------------------------------- 1 | /*=========mF_games_tb========*/ 2 | .mF_games_tb_wrap{padding:8px;border:1px solid #999;float:left;background:#fff;}/*背景边框*/ 3 | .mF_games_tb {background:#f1f1f1; position:relative;} 4 | .mF_games_tb .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 5 | .mF_games_tb .pic{position:absolute;top:0;left:0;} 6 | .mF_games_tb .pic li{position:absolute;width:100%;height:100%;overflow:hidden;display:none;} 7 | .mF_games_tb .thumb{position:absolute;bottom:0;left:0;overflow:hidden;} 8 | .mF_games_tb .thumb ul{position:absolute;top:0;left:0;} 9 | .mF_games_tb .thumb ul li{position:relative;float:left;overflow:hidden;cursor:pointer;} 10 | .mF_games_tb .thumb ul li a{display:block;border:3px solid #D3D3D3; margin:10px 4px;} 11 | .mF_games_tb .thumb ul li img{position:relative;z-index:1;width:100%;height:100%;} 12 | .mF_games_tb .thumb ul li.current{background:url(img/mF_games_tb/ar.gif) center 5px no-repeat;} 13 | .mF_games_tb .thumb ul li.current a{border-color:#FF8C00;} 14 | .mF_games_tb .txt li{position:absolute;z-index:2;width:100%;height:38px;line-height:38px;display:none;}/*默认标题高度*/ 15 | .mF_games_tb .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/ 16 | .mF_games_tb .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:0.3;} 17 | .mF_games_tb .prev,.mF_games_tb .next{font:bold 28px/28px arial;width:16px;overflow:hidden;position:absolute;z-index:4;left:0;bottom:11px;cursor:pointer;} 18 | .mF_games_tb .next{left:auto;right:0;} 19 | .mF_games_tb .prev a,.mF_games_tb .next a{display:block;color:#bbb;text-align:center;text-decoration:none;} 20 | .mF_games_tb .prev a:hover,.mF_games_tb .next a:hover{color:#f60;} -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_kdui.css: -------------------------------------------------------------------------------- 1 | /*=========mF_kdui ========*/ 2 | .mF_kdui{ background:#000; position:relative;} 3 | .mF_kdui .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 4 | .mF_kdui .pic{position:absolute;z-index:1;width:100%;height:100%; overflow:hidden;} 5 | .mF_kdui .pic li{ position:absolute; top:0; display:none;} 6 | .mF_kdui .txt{position:absolute;z-index:2; top:12px;left:12px; width:200px;}/*默认标题高度*/ 7 | .mF_kdui .txt li{position:absolute;top:0;width:100%; padding:12px; display:none;} 8 | .mF_kdui .txt li a{position:relative;z-index:1;display:block;color:#fff;font-size:14px;font-weight:bold;text-decoration:none; font-family:'微软雅黑';}/*标题样式*/ 9 | .mF_kdui .txt li b{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;filter:alpha(opacity=20);opacity:0.2; border-radius:5px;} 10 | .mF_kdui .txt li p{color:#fff;} 11 | .mF_kdui .dot{position:absolute; z-index:3;bottom:8px;left:0;width:100%;text-align:center;} 12 | .mF_kdui .dot li{ display:inline-block;margin:0 3px;*display:inline;*zoom:1; width:16px;height:16px; background:url(img/mF_kdui/dots.png); cursor:pointer;} 13 | .mF_kdui .dot li.current{background-position: 0 -16px;} 14 | .mF_kdui .prev,.mF_kdui .next{ visibility:hidden; opacity:0; position:absolute; z-index:9;bottom:40%; left:12px; cursor:pointer; background:url(img/mF_kdui/slider-arrows.png) 0 0; width:38px; height:38px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;} 15 | .mF_kdui .next{ left:auto;right:12px; background-position:100% 0;} 16 | .mF_kdui .prev:hover,.mF_kdui .next:hover{opacity:1;} 17 | .mF_kdui .arr-hover{ visibility:visible; opacity:0.5;} -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_kdui.js: -------------------------------------------------------------------------------- 1 | myFocus.pattern.extend({//*********************kdui一般轮播，每张图片的标题动态展示不错****************** 2 | 'mF_kdui':function(settings,$){ 3 | var $focus=$(settings); 4 | var $picList=$focus.find('.pic li'); 5 | var $txtList=$focus.addListTxt().find('li'); 6 | var $dotList=$focus.addList('dot').find('li'); 7 | var $prevBtn=$focus.addHtml(''); 8 | var $nextBtn=$focus.addHtml(''); 9 | //PLAY 10 | var param={isRunning:false}; 11 | $focus.play(null,function(i,n,l){ 12 | param.isRunning=true; 13 | $txtList.eq(l).slide({left:-settings.width},800,'easeInBack'); 14 | fx(i,l);//延迟执行部分 15 | }); 16 | function fx(i,l){ 17 | setTimeout(function(){ 18 | $txtList.eq(i).css({display:'block',left:settings.width}).slide({left:0},300); 19 | $picList.eq(i).css({display:'block',left:settings.width}).slide({left:0},function(){param.isRunning=false}); 20 | if(i!==l) $picList.eq(l).slide({left:-settings.width},700); 21 | $dotList[l].className=''; 22 | $dotList[i].className='current'; 23 | },600); 24 | } 25 | //Control 26 | $focus.bindControl($dotList,param); 27 | $prevBtn.bind('click',function(){if(!param.isRunning) $focus.run('-=1')}); 28 | $nextBtn.bind('click',function(){if(!param.isRunning) $focus.run('+=1')}); 29 | $focus.bind('mouseover',function(){$prevBtn.addClass('arr-hover'),$nextBtn.addClass('arr-hover')}); 30 | $focus.bind('mouseout',function(){$prevBtn.removeClass('arr-hover'),$nextBtn.removeClass('arr-hover')}); 31 | } 32 | }); 33 | myFocus.extend( myFocus.fn.easing,{//扩展缓动方法 34 | easeInBack: function (t, b, c, d, s) { 35 | if (s == undefined) s = 1.70158; 36 | return c*(t/=d)*t*((s+1)*t - s) + b; 37 | } 38 | }); -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_kiki.css: -------------------------------------------------------------------------------- 1 | /*=========mF_kiki========*/ 2 | .mF_kiki_wrap{padding:6px;border:1px solid #999;float:left;background:#fff;}/*背景边框*/ 3 | .mF_kiki{ position:relative;} 4 | .mF_kiki .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 5 | .mF_kiki .pic li{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} 6 | /*以下两行是设置title的样式的*/ 7 | .mF_kiki .txt li{position:absolute;z-index:9;left:0;bottom:0;height:30px;line-height:30px;*line-height:32px;overflow:hidden;background:url(img/mF_kiki/tit-ar.gif) 20px 10px no-repeat;display:none;} 8 | .mF_kiki .txt li a{display:block;color:orange;padding-left:52px;font-size:12px;text-decoration:none;} 9 | .mF_kiki .num{position:absolute;bottom:34px;right:2px;z-index:9;} 10 | .mF_kiki .num li{float:left;margin-right:2px;width:20px;height:6px;overflow:hidden;border:1px solid #000;background:#ccc;cursor:pointer;} 11 | .mF_kiki .num li.current,.mF_kiki .num li.hover{background:#E92B00;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;} 12 | .mF_kiki .num li a{ display:none;} 13 | .mF_kiki .nav{position:absolute;width:100px;height:30px;line-height:30px;z-index:3;bottom:0;right:0;} 14 | .mF_kiki .nav a,.mF_kiki .nav span{float:left;color:#333; text-decoration:none;} 15 | /*.mF_kiki .nav a:hover{color:#D91C00;}*/ 16 | .mF_kiki .prev,.mF_kiki .next{ opacity:0; position:absolute; z-index:9;bottom:40%; left:12px; cursor:pointer; background:url(img/mF_kdui/slider-arrows.png) 0 0; width:38px; height:38px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;} 17 | .mF_kiki .next{ left:auto;right:12px; background-position:100% 0;} 18 | .mF_kiki_wrap:hover .mF_kiki .prev,.mF_kiki_wrap:hover .mF_kiki .next{opacity:1;} 19 | .mF_kiki .nav span{margin-left:3px;} 20 | -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_ladyQ.css: -------------------------------------------------------------------------------- 1 | /*=========mF_ladyQ========*/ 2 | .mF_ladyQ{ position:relative;} 3 | .mF_ladyQ .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 4 | .mF_ladyQ .pic li{width:100%;height:100%;overflow:hidden;position:absolute;display:none;} 5 | .mF_ladyQ .txt li{position:absolute;z-index:2;left:0;bottom:28px;line-height:30px;font-family:'微软雅黑'; visibility:hidden; opacity:0;} 6 | .mF_ladyQ .txt li.current{ visibility:visible; opacity:1;-webkit-transition:all 1s .4s;-moz-transition:all 1s .4s;-o-transition:all 1s .4s;} 7 | .mF_ladyQ .txt li a{display:block;position:relative;z-index:1;color:#fff;margin-top:2px;padding-left:10px;font-size:16px;text-decoration:none;}/*标题样式*/ 8 | .mF_ladyQ .txt li p{position:relative;z-index:1;padding-left:11px;line-height:22px;font-size:14px;color:#eee;} 9 | .mF_ladyQ .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:0.4;} 10 | .mF_ladyQ .time_bar{position:absolute;left:0;height:20px;overflow:hidden;background:#444;} 11 | .mF_ladyQ .num{position:relative;height:28px;background:#000;}/*按钮样式*/ 12 | .mF_ladyQ .num ul{position:absolute;right:6px;top:4px;} 13 | .mF_ladyQ .num ul li{float:left;display:inline;margin-left:3px;width:20px;height:20px;line-height:20px;overflow:hidden;text-align:center;cursor:pointer;} 14 | .mF_ladyQ .num ul li a{color:#B1B1B1;display:block;background:#444;text-decoration:none;} 15 | .mF_ladyQ .num ul li.current a,.mF_ladyQ .num ul li.hover a{color:#fff;background:#f60;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;}/*当前/悬停按钮样式*/ -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_liquid.css: -------------------------------------------------------------------------------- 1 | /*=========mF_liquid ========*/ 2 | .mF_liquid{ position:relative;} 3 | .mF_liquid .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 4 | .mF_liquid .pic{position:static;} 5 | .mF_liquid .pic li,.mF_liquid .pic_mod li{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} 6 | .mF_liquid .pic li img,.mF_liquid .pic_mod li img{position:absolute;left:0;top:0;} 7 | .mF_liquid .txt li{position:absolute;z-index:2;bottom:0;width:100%;height:38px;line-height:38px;display:none;}/*默认标题高度*/ 8 | .mF_liquid .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/ 9 | .mF_liquid .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:0.3;} 10 | .mF_liquid .num{position:absolute;z-index:3;bottom:6px;right:6px;}/*按钮样式*/ 11 | .mF_liquid .num li{float:left;} 12 | .mF_liquid .num li a{color:#333;float:left;width:20px;height:18px;position:relative;line-height:18px;border:1px solid #196BA9;text-align:center;margin-right:3px;cursor:pointer;background:#dedede;filter:alpha(opacity=80);opacity:0.8;text-decoration:none;} 13 | .mF_liquid .num li.current a,.mF_liquid .num li.hover a{background:#09f;color:#fff;font-weight:bold;height:20px;line-height:20px;top:-2px;filter:alpha(opacity=100);opacity:1;} -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_liquid.js: -------------------------------------------------------------------------------- 1 | myFocus.pattern.extend({//*********************液动风格 这个有点意思，不过没有前后选项****************** 2 | 'mF_liquid':function(settings,$){ 3 | var $focus=$(settings); 4 | var $picBox=$focus.find('.pic'); 5 | var $picList=$picBox.find('li'); 6 | var $txtList=$focus.addListTxt().find('li'); 7 | var $numList=$focus.addListNum().find('li'); 8 | var $picModList=$focus.addHtml('
').html($picBox.html()).find('img'); 9 | //CSS 10 | var w=settings.width,h=settings.height; 11 | $picModList.each(function(i){ 12 | $picList[i].style.cssText='width:0px;z-index:1;'; 13 | this.style.cssText='width:'+w*10+'px;height:'+h+'px;left:'+w+'px;'; 14 | }); 15 | //PLAY 16 | $focus.play(function(i){ 17 | $picList.eq(i).stop()[0].style.width=0+'px'; 18 | $picModList.eq(i).stop()[0].style.left=w+'px'; 19 | $txtList[i].style.display='none'; 20 | $numList[i].className = ''; 21 | },function(i){ 22 | $picModList.eq(i).slide({left:0},200,'linear',function(){ //默认的为100 23 | $picList.eq(i).slide({width:w},1700); //默认的为700，尼玛眼睛闪瞎了 24 | $(this).slide({left:-9*w},1700); //默认的为700 25 | }); 26 | $txtList[i].style.display='block'; 27 | $numList[i].className = 'current'; 28 | }); 29 | //Control 30 | settings.delay=0;//mouseover模式时延迟固定为0以兼容IE6 31 | $focus.bindControl($numList); 32 | } 33 | }); -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_liuzg.css: -------------------------------------------------------------------------------- 1 | /*=========mF_liuzg --绚丽切片风格========*/ 2 | .mF_liuzg{ position:relative;} 3 | .mF_liuzg .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 4 | .mF_liuzg .pic li{position:relative;overflow:hidden;float:left;} 5 | .mF_liuzg .pic li div{width:100%;position:absolute;} 6 | .mF_liuzg .pic li div a{display:block;overflow:hidden;} 7 | .mF_liuzg .txt li{position:absolute;z-index:2;bottom:0;height:36px;line-height:36px;display:none;} 8 | .mF_liuzg .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/ 9 | .mF_liuzg .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:0.4;}/*标题背景*/ 10 | .mF_liuzg .num{position:absolute;z-index:3;bottom:6px;right:8px;color:#333;} 11 | .mF_liuzg .num li{float:left;width:22px;height:18px;position:relative;border:1px solid #333;line-height:18px;text-align:center;margin-right:3px;cursor:pointer;background:#eee;filter:alpha(opacity=70);opacity:0.7;}/*按钮样式*/ 12 | .mF_liuzg .num li a{color:#333;text-decoration:none;} 13 | .mF_liuzg .num li.current{background:#f60;font-weight:bold;height:20px;line-height:20px;top:-2px;filter:alpha(opacity=100);opacity:1;} 14 | .mF_liuzg .num li.current a{color:#fff;} -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_liuzg.js: -------------------------------------------------------------------------------- 1 | /* 2 | * 绚丽切片风格 v2.0 3 | * Date 2012.5.25 4 | * Author koen_lee 这个也不错，不过也没有左右选项 5 | */ 6 | myFocus.pattern.extend({ 7 | 'mF_liuzg':function(settings,$){ 8 | var $focus=$(settings); 9 | var $picBox=$focus.find('.pic'); 10 | var $picList=$picBox.find('li'); 11 | var $txtList=$focus.addListTxt().find('li'); 12 | var $numList=$focus.addListNum().find('li'); 13 | //HTML++ 14 | var c=Math.floor(settings.height/settings.chipHeight),n=$txtList.length,html=['
    ']; 15 | for(var i=0;i
    '); 17 | for(var j=0;j'); 19 | } 20 | html.push('
'); 21 | $picBox[0].innerHTML=html.join(''); 22 | //CSS 23 | var w=settings.width,h=settings.height,cH=Math.round(h/c); 24 | $picList=$picBox.find('li'); 25 | var $picDivList=$picBox.find('div'); 26 | $picList.each(function(i){ 27 | $picList.eq(i).css({width:w,height:cH}); 28 | $picDivList.eq(i).css({height:h*n,top:-i*h}); 29 | }); 30 | $picBox.find('a').each(function(){this.style.height=h+'px'}); 31 | //PLAY 32 | $focus.play(function(i){ 33 | $txtList[i].style.display='none'; 34 | $numList[i].className=''; 35 | },function(i){ 36 | var tt=settings.type||Math.round(1+Math.random()*2);//效果选择 37 | var dur=tt===1?1200:300; 38 | for(var j=0;j'+txt+''); 7 | }); 8 | var $picBox=$focus.find('.pic'); 9 | var $picList=$focus.find('li'); 10 | var $imgList=$picBox.find('img'); 11 | var $txtList=$focus.find('span'); 12 | var $txtBgList=$focus.find('i'); 13 | //CSS 14 | var n=$picList.length,tabW=settings.tabWidth,txtH=settings.txtHeight,o=settings.grayOpacity; 15 | $focus.css({width:settings.width+(n-1)*tabW}); 16 | for(var i=0;i0) $picList[i].style.left=settings.width+(i-1)*tabW+'px'; 18 | $txtList[i].style.cssText=$txtBgList[i].style.cssText='top:0;height:'+txtH+'px;line-height:'+txtH+'px;' 19 | } 20 | if(settings.grayChange) $imgList.each(function(){$(this).setOpacity(o)}); 21 | //PLAY 22 | $focus.play(function(i,n){ 23 | $txtList.eq(i).slide({top:0}); 24 | if(settings.grayChange) $imgList.eq(i).slide({opacity:o},400); 25 | },function(i,n){ 26 | for(var j=0;j=n?(i-n):i].className = ''; 17 | },function(i){ 18 | param[dir]=-dis*i; 19 | $picUl.slide(param,settings.duration,settings.easing); 20 | $txtList[i>=n?(i-n):i].className = 'current'; 21 | },settings.seamless); 22 | //Control 23 | $focus.bindControl($txtList); 24 | } 25 | }); 26 | myFocus.config.extend({ 27 | 'mF_peijianmall':{//可选个性参数 28 | txtHeight:40,//标题高度 29 | seamless:true,//是否无缝，可选：true(是) | false(否) 30 | duration:800,//过渡时间(毫秒)，时间越大速度越小 31 | direction:'left',//运动方向，可选：'top'(向上) | 'left'(向左) 32 | easing:'easeOut'//运动形式，可选：'easeOut'(快出慢入) | 'easeIn'(慢出快入) | 'easeInOut'(慢出慢入) | 'swing'(摇摆运动) | 'linear'(匀速运动) 33 | } 34 | }); -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_qiyi.css: -------------------------------------------------------------------------------- 1 | /*=========mF_qiyi --奇艺主题========*/ 2 | .mF_qiyi_wrap{position:relative;float:left;overflow:hidden;padding:6px;border:1px solid #333;}/*背景边框*/ 3 | .mF_qiyi .loading{color:#f60;background:#333 url(img/mF_qiyi/bg.jpg) center no-repeat; z-index:9;}/*载入背景*/ 4 | .mF_qiyi .slider{height:100%;position:absolute;overflow:hidden;} 5 | .mF_qiyi .slider .pic{height:100%;width:100%;} 6 | .mF_qiyi .slider .pic li{height:100%;overflow:hidden;float:left;} 7 | .mF_qiyi .slider .txt{width:100%;} 8 | .mF_qiyi .slider .txt li{position:relative;float:left;height:34px;line-height:34px;}/*默认标题高度*/ 9 | .mF_qiyi .slider .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:bold;text-decoration:none;}/*文字样式*/ 10 | .mF_qiyi .slider .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:0.4;} 11 | .mF_qiyi .num{position:absolute;z-index:2;bottom:6px;right:12px;} 12 | .mF_qiyi .num li{float:left;width:18px;height:16px;line-height:16px;margin-left:4px;overflow:hidden;text-align:center;border:1px solid #000;cursor:pointer;} 13 | .mF_qiyi .num li a{color:#000;display:block;background:#ccc;text-decoration:none;} 14 | .mF_qiyi .num li.current a,.mF_qiyi .num li.hover a{background:#f60;color:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;}/*当前/悬停按钮样式*/ -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_qiyi.js: -------------------------------------------------------------------------------- 1 | myFocus.pattern.extend({//*********************奇艺 一般轮播，没有左右，不是无缝****************** 2 | 'mF_qiyi':function(settings,$){ 3 | var $focus=$(settings); 4 | var $slider=$focus.addHtml('
'); 5 | $slider[0].appendChild($focus.find('.pic')[0]); 6 | $slider[0].appendChild($focus.addListTxt()[0]); 7 | var $picList=$focus.find('.pic li'); 8 | var $txtList=$focus.find('.txt li'); 9 | var $numList=$focus.addListNum().find('li'); 10 | //CSS 11 | var w=settings.width,txtH=settings.txtHeight,n=$picList.length; 12 | $slider[0].style.width=w*n+'px'; 13 | for(var i=0;iPREV'); 8 | var $nextBtn=$focus.addHtml(''); 9 | var $picListArr=[]; 10 | //CSS 11 | var w=settings.width/c; 12 | $picUls.each(function(i){ 13 | $(this).css({width:w*(i+1),zIndex:c-i}); 14 | $picListArr.push($(this).find('li')); 15 | }); 16 | //PLAY 17 | var running=false,done=0;//记录运行状态 18 | $focus.play(function(i){ 19 | running=true; 20 | $txtList[i].className=''; 21 | },function(i){ 22 | $txtList[i].className='current'; 23 | for(var j=0;j=n?(i-n):i; 18 | $numList[index].className = ''; 19 | $txtList[index].style.display = 'none'; 20 | },function(i){ 21 | var index=i>=n?(i-n):i; 22 | param[dir]=-dis*i; 23 | $picUl.slide(param,settings.duration,settings.easing); 24 | $numList[index].className = 'current'; 25 | $txtList[index].style.display = 'block'; 26 | },settings.seamless); 27 | //Control 28 | $focus.bindControl($numList); 29 | } 30 | }); 31 | myFocus.config.extend({ 32 | 'mF_taobao2010':{//可选个性参数 33 | seamless:true,//是否无缝，可选：true(是)/false(否) 34 | duration:600,//过渡时间(毫秒)，时间越大速度越小 35 | direction:'left',//运动方向，可选：'top'(向上) | 'left'(向左) 36 | easing:'easeOut'//运动形式，可选：'easeOut'(快出慢入) | 'easeIn'(慢出快入) | 'easeInOut'(慢出慢入) | 'swing'(摇摆运动) | 'linear'(匀速运动) 37 | } 38 | }); -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_taobaomall.css: -------------------------------------------------------------------------------- 1 | /*=========mF_taobaomall========*/ 2 | .mF_taobaomall{border:1px solid #ccc; position:relative;} 3 | .mF_taobaomall .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 4 | .mF_taobaomall .pic{position:relative;overflow:hidden;border-bottom:0;} 5 | .mF_taobaomall .pic ul{position:absolute;} 6 | .mF_taobaomall .pic ul li{position:relative;overflow:hidden;} 7 | .mF_taobaomall .pic ul.left li{float:left;} 8 | .mF_taobaomall .txt{line-height:28px;border-top:1px solid #ccc;overflow:hidden;width:120%;}/*默认标题高度*/ 9 | .mF_taobaomall .txt li{float:left;border-right:1px solid #dedede;overflow:hidden;}/*默认标题高度*/ 10 | .mF_taobaomall .txt li a{display:block;color:#333;padding:0 10px; text-align:center;font-size:12px;text-decoration:none;background:url(img/mF_taobaomall/btn-bg2.gif) left -44px repeat-x;}/*标题样式*/ 11 | .mF_taobaomall .txt li.current a{color:#fff;font-weight:bold;background-position:left top;} 12 | -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_taobaomall.js: -------------------------------------------------------------------------------- 1 | myFocus.pattern.extend({//*********************淘宝商城风格 向上轮播，无上下选项****************** 2 | 'mF_taobaomall':function(settings,$){ 3 | var $focus=$(settings); 4 | var $picBox=$focus.find('.pic'); 5 | var $picUl=$picBox.find('ul'); 6 | var $txtList=$focus.addListTxt().find('li'); 7 | $picUl[0].innerHTML+=$picUl[0].innerHTML;//无缝复制 8 | //CSS 9 | var n=$txtList.length,dir=settings.direction,prop=dir==='left'?'width':'height',dis=settings[prop]; 10 | $picUl.addClass(dir)[0].style[prop]=dis*n*2+'px'; 11 | $picUl.find('li').each(function(){//消除上下li间的多余间隙 12 | $(this).css({width:settings.width,height:settings.height}); 13 | }); 14 | var txtH=settings.txtHeight; 15 | $focus.css({height:settings.height+txtH+1}); 16 | $picBox.css({width:settings.width,height:settings.height}); 17 | $txtList.each(function(){this.style.width=(settings.width-n-1)/n+1+'px'}); 18 | $txtList[n-1].style.border=0; 19 | //PLAY 20 | var param={}; 21 | $focus.play(function(i){ 22 | $txtList[i>=n?(i-n):i].className = ''; 23 | },function(i){ 24 | param[dir]=-dis*i; 25 | $picUl.slide(param,settings.duration,settings.easing); 26 | $txtList[i>=n?(i-n):i].className = 'current'; 27 | },settings.seamless); 28 | //Control 29 | $focus.bindControl($txtList); 30 | } 31 | }); 32 | myFocus.config.extend({ 33 | 'mF_taobaomall':{//可选个性参数 34 | txtHeight:28,//默认标题按钮高度 35 | seamless:true,//是否无缝：true(是)| false(否) 36 | duration:600,//过渡时间(毫秒)，时间越大速度越小 37 | direction:'top',//运动方向，可选：'top'(向上) | 'bottom'(向下) | 'left'(向左) | 'right'(向右) 38 | easing:'easeOut'//运动形式，可选：'easeOut'(快出慢入) | 'easeIn'(慢出快入) | 'easeInOut'(慢出慢入) | 'swing'(摇摆运动) | 'linear'(匀速运动) 39 | } 40 | }); -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_tbhuabao.css: -------------------------------------------------------------------------------- 1 | /*=========mF_tbhuabao========*/ 2 | .mF_tbhuabao {background:#ddd;border:10px solid #333;overflow:visible;margin-left:10px; position:relative;} 3 | .mF_tbhuabao .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} 4 | .mF_tbhuabao .pic,.mF_tbhuabao .pic ul{position:absolute;top:0;left:0;overflow:hidden;} 5 | .mF_tbhuabao .pic li{position:relative;float:left;overflow:hidden;} 6 | .mF_tbhuabao .txt li{position:absolute;z-index:2;width:100%;height:38px;line-height:38px;display:none;}/*默认标题高度*/ 7 | .mF_tbhuabao .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/ 8 | .mF_tbhuabao .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:0.3;} 9 | .mF_tbhuabao .dot{position:absolute;bottom:0;left:0;height:32px;line-height:28px;width:100%;text-align:center;} 10 | .mF_tbhuabao .dot li{display:inline;margin:0 3px;} 11 | .mF_tbhuabao .dot li a{color:#999;font-size:26px;text-decoration:none;-webkit-transition:color 0.4s;-moz-transition:color 0.4s;-o-transition:color 0.4s;} 12 | .mF_tbhuabao .dot li.current a{color:#f60;} 13 | .mF_tbhuabao .prev,.mF_tbhuabao .next{font:700 53px/58px arial;width:37px;height:65px;overflow:hidden;position:absolute;z-index:4;left:-20px;cursor:pointer;background:url(img/mF_tbhuabao/btn-bg.gif) no-repeat;} 14 | .mF_tbhuabao .next{left:auto;right:-20px;} 15 | .mF_tbhuabao .prev a,.mF_tbhuabao .next a{display:block;color:#bbb;text-align:center;text-decoration:none;} 16 | .mF_tbhuabao .prev a:hover,.mF_tbhuabao .next a:hover{color:#f60;} 17 | -------------------------------------------------------------------------------- /轮播神器/js/mf-pattern/mF_tbhuabao.js: -------------------------------------------------------------------------------- 1 | myFocus.pattern.extend({//*********************tbhuabao 一般轮播****************** 2 | 'mF_tbhuabao':function(settings,$){ 3 | var $focus=$(settings); 4 | var $picBox=$focus.find('.pic'); 5 | var $picUl=$picBox.find('ul'); 6 | $picUl[0].innerHTML+=$picUl[0].innerHTML;//无缝复制 7 | var $txtList=$focus.addListTxt().find('li'); 8 | var $dotList=$focus.addList('dot').find('li'); 9 | $dotList.each(function(){this.innerHTML='•'});//小点 10 | var $prevBtn=$focus.addHtml(''); 11 | var $nextBtn=$focus.addHtml(''); 12 | //CSS 13 | var w=settings.width,h=settings.height,dotH=32,arrTop=h/2-32,n=$txtList.length; 14 | $focus[0].style.height=h+dotH+'px'; 15 | $picBox[0].style.cssText='width:'+w+'px;height:'+h+'px;'; 16 | $picUl[0].style.width=w*2*n+'px'; 17 | $txtList.each(function(){this.style.bottom=dotH+'px'}); 18 | $picUl.find('li').each(function(){this.style.cssText='width:'+w+'px;height:'+h+'px;'});//滑动固定其大小 19 | $prevBtn[0].style.cssText=$nextBtn[0].style.cssText='top:'+arrTop+'px;'; 20 | //PLAY 21 | $focus.play(function(i){ 22 | var index=i>=n?(i-n):i; 23 | $txtList[index].style.display='none'; 24 | $dotList[index].className = ''; 25 | },function(i){ 26 | var index=i>=n?(i-n):i; 27 | $picUl.slide({left:-w*i}); 28 | $txtList[index].style.display='block'; 29 | $dotList[index].className = 'current'; 30 | },settings.seamless); 31 | //Control 32 | $focus.bindControl($dotList); 33 | //Prev & Next 34 | $prevBtn.bind('click',function(){$focus.run('-=1')}); 35 | $nextBtn.bind('click',function(){$focus.run('+=1')}); 36 | } 37 | }); 38 | myFocus.config.extend({'mF_tbhuabao':{seamless:true}});//支持无缝设置 -------------------------------------------------------------------------------- /输入框抖动.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 窗口登陆效果-蚂蚁部落 6 | 15 | 40 | 41 | 42 | 43 |
44 | 45 | -------------------------------------------------------------------------------- /韩雪冬/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/1.jpg -------------------------------------------------------------------------------- /韩雪冬/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/2.jpg -------------------------------------------------------------------------------- /韩雪冬/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/3.jpg -------------------------------------------------------------------------------- /韩雪冬/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/4.jpg -------------------------------------------------------------------------------- /韩雪冬/images/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/5.jpg -------------------------------------------------------------------------------- /韩雪冬/images/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/6.jpg -------------------------------------------------------------------------------- /韩雪冬/images/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/7.jpg -------------------------------------------------------------------------------- /韩雪冬/images/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/8.jpg -------------------------------------------------------------------------------- /韩雪冬/images/next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/next.png -------------------------------------------------------------------------------- /韩雪冬/images/next_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/next_1.png -------------------------------------------------------------------------------- /韩雪冬/images/next_txt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/next_txt.png -------------------------------------------------------------------------------- /韩雪冬/images/prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/prev.png -------------------------------------------------------------------------------- /韩雪冬/images/prev_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/prev_1.png -------------------------------------------------------------------------------- /韩雪冬/images/prev_txt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/images/prev_txt.png -------------------------------------------------------------------------------- /韩雪冬/js/DD_belatedPNG_0.0.8a.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/js/DD_belatedPNG_0.0.8a.js -------------------------------------------------------------------------------- /韩雪冬/关于妙味课堂.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬/关于妙味课堂.txt -------------------------------------------------------------------------------- /韩雪冬jQuery/han1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬jQuery/han1.jpg -------------------------------------------------------------------------------- /韩雪冬jQuery/han2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬jQuery/han2.jpg -------------------------------------------------------------------------------- /韩雪冬jQuery/han3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬jQuery/han3.jpg -------------------------------------------------------------------------------- /韩雪冬jQuery/han4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬jQuery/han4.jpg -------------------------------------------------------------------------------- /韩雪冬jQuery/han5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬jQuery/han5.jpg -------------------------------------------------------------------------------- /韩雪冬jQuery/han6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬jQuery/han6.jpg -------------------------------------------------------------------------------- /韩雪冬jQuery/han7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬jQuery/han7.jpg -------------------------------------------------------------------------------- /韩雪冬jQuery/next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬jQuery/next.png -------------------------------------------------------------------------------- /韩雪冬jQuery/prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yangxi0126/javaScript/4f2df9f501a420c613e01d25ed660bb750982fc9/韩雪冬jQuery/prev.png -------------------------------------------------------------------------------- /鼠标移动滑块/.idea/.name: -------------------------------------------------------------------------------- 1 | 鼠标移动滑块 -------------------------------------------------------------------------------- /鼠标移动滑块/.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /鼠标移动滑块/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /鼠标移动滑块/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /鼠标移动滑块/.idea/鼠标移动滑块.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | --------------------------------------------------------------------------------