HTML静态网页中的JS交互效果(纯手撸,无框架)实现

【实例截图】

【核心代码】

.
├── HTML静态网页中的JS交互效果(纯手撸,无框架)实现_尤洪超市JS项目素材.zip
└── 尤洪超市JS项目素材
    ├── BuyCar.html
    ├── Css
    │   ├── images
    │   │   ├── bx_loader.gif
    │   │   ├── controls.png
    │   │   ├── ui-icons_444444_256x240.png
    │   │   ├── ui-icons_555555_256x240.png
    │   │   ├── ui-icons_777620_256x240.png
    │   │   ├── ui-icons_777777_256x240.png
    │   │   ├── ui-icons_cc0000_256x240.png
    │   │   └── ui-icons_ffffff_256x240.png
    │   ├── jquery-ui.css
    │   ├── jquery-ui.theme.css
    │   ├── jquery.bxslider.css
    │   ├── jquery.growl.css
    │   ├── magiczoom.css
    │   ├── shopshow.css
    │   └── style.css
    ├── Images
    │   ├── a_link.gif
    │   ├── b.png
    │   ├── b_h.png
    │   ├── b_left.png
    │   ├── b_right.png
    │   ├── b_sh_1.png
    │   ├── b_sh_2.png
    │   ├── box.png
    │   ├── box_bg.png
    │   ├── btn_log.gif
    │   ├── bx_loader.gif
    │   ├── c_t.gif
    │   ├── car.png
    │   ├── care.png
    │   ├── cars.png
    │   ├── cars_h.png
    │   ├── ch.png
    │   ├── clock.png
    │   ├── controls.png
    │   ├── d_a.gif
    │   ├── d_arrow.png
    │   ├── floor.png
    │   ├── h_t.gif
    │   ├── heart.png
    │   ├── heart_h.png
    │   ├── i_down.gif
    │   ├── i_email.png
    │   ├── i_mem.png
    │   ├── i_num.png
    │   ├── i_pwd.png
    │   ├── i_tel.png
    │   ├── i_u.png
    │   ├── i_up.gif
    │   ├── jia.gif
    │   ├── jian.gif
    │   ├── m_i_1.png
    │   ├── m_i_2.png
    │   ├── m_i_3.png
    │   ├── m_i_4.png
    │   ├── m_t.png
    │   ├── mores.png
    │   ├── n_arrow.gif
    │   ├── n_ban.jpg
    │   ├── n_not.png
    │   ├── name.png
    │   ├── peo.png
    │   ├── peo_h.png
    │   ├── r_left.png
    │   ├── r_right.png
    │   ├── s_left.png
    │   ├── s_line.gif
    │   ├── s_right.png
    │   ├── s_txt.png
    │   ├── sh.png
    │   ├── sh1.png
    │   ├── sh2.png
    │   └── t_arrow.gif
    ├── Login.html
    ├── Picture
    │   ├── 01.jpg
    │   ├── 01_mid.jpg
    │   ├── 01_small.jpg
    │   ├── 02.jpg
    │   ├── 02_mid.jpg
    │   ├── 02_small.jpg
    │   ├── 03.jpg
    │   ├── 03_mid.jpg
    │   ├── 03_small.jpg
    │   ├── 04.jpg
    │   ├── 04_mid.jpg
    │   ├── 04_small.jpg
    │   ├── a_close.png
    │   ├── add_ad.gif
    │   ├── b1.png
    │   ├── b2.png
    │   ├── b3.png
    │   ├── b4.png
    │   ├── b_1.gif
    │   ├── b_2.gif
    │   ├── b_3.gif
    │   ├── b_4.gif
    │   ├── b_5.gif
    │   ├── b_6.gif
    │   ├── baby_1.jpg
    │   ├── baby_2.jpg
    │   ├── baby_3.jpg
    │   ├── baby_4.jpg
    │   ├── baby_5.jpg
    │   ├── baby_6.jpg
    │   ├── baby_b1.jpg
    │   ├── baby_b2.jpg
    │   ├── baby_r.jpg
    │   ├── bag.png
    │   ├── ban1.jpg
    │   ├── bb_ban.jpg
    │   ├── bk_1.jpg
    │   ├── bk_2.jpg
    │   ├── bk_3.jpg
    │   ├── bk_4.jpg
    │   ├── bk_5.jpg
    │   ├── brand1.jpg
    │   ├── brand2.jpg
    │   ├── brand3.jpg
    │   ├── brand4.jpg
    │   ├── brand5.jpg
    │   ├── btn_jud.gif
    │   ├── btn_sure.gif
    │   ├── buy1.gif
    │   ├── buy2.gif
    │   ├── c_1.jpg
    │   ├── c_2.jpg
    │   ├── c_3.jpg
    │   ├── c_4.jpg
    │   ├── ca_1.jpg
    │   ├── ca_2.jpg
    │   ├── ca_3.jpg
    │   ├── ca_4.jpg
    │   ├── car1.jpg
    │   ├── car2.jpg
    │   ├── close.gif
    │   ├── de1.jpg
    │   ├── de2.jpg
    │   ├── de3.jpg
    │   ├── de4.jpg
    │   ├── de5.jpg
    │   ├── equl.gif
    │   ├── er.gif
    │   ├── food_1.jpg
    │   ├── food_2.jpg
    │   ├── food_3.jpg
    │   ├── food_4.jpg
    │   ├── food_5.jpg
    │   ├── food_6.jpg
    │   ├── food_b1.jpg
    │   ├── food_b2.jpg
    │   ├── food_r.jpg
    │   ├── fre_1.jpg
    │   ├── fre_2.jpg
    │   ├── fre_3.jpg
    │   ├── fre_4.jpg
    │   ├── fre_5.jpg
    │   ├── fre_6.jpg
    │   ├── fre_b1.jpg
    │   ├── fre_b2.jpg
    │   ├── fre_r.jpg
    │   ├── hb_1.jpg
    │   ├── hb_10.jpg
    │   ├── hb_11.jpg
    │   ├── hb_12.jpg
    │   ├── hb_2.jpg
    │   ├── hb_3.jpg
    │   ├── hb_4.jpg
    │   ├── hb_5.jpg
    │   ├── hb_6.jpg
    │   ├── hb_7.jpg
    │   ├── hb_8.jpg
    │   ├── hb_9.jpg
    │   ├── his_1.jpg
    │   ├── his_2.jpg
    │   ├── his_3.jpg
    │   ├── his_4.jpg
    │   ├── his_5.jpg
    │   ├── home_1.jpg
    │   ├── home_2.jpg
    │   ├── home_3.jpg
    │   ├── home_4.jpg
    │   ├── home_5.jpg
    │   ├── home_6.jpg
    │   ├── home_b1.jpg
    │   ├── home_b2.jpg
    │   ├── home_r.jpg
    │   ├── hot.png
    │   ├── hot1.jpg
    │   ├── hot2.jpg
    │   ├── hot3.jpg
    │   ├── hot4.jpg
    │   ├── img1.jpg
    │   ├── img2.jpg
    │   ├── img3.jpg
    │   ├── j_car.png
    │   ├── jia_b.gif
    │   ├── l_img.jpg
    │   ├── l_img.png
    │   ├── logo.png
    │   ├── logo1.png
    │   ├── make_1.jpg
    │   ├── make_2.jpg
    │   ├── make_3.jpg
    │   ├── make_4.jpg
    │   ├── make_5.jpg
    │   ├── make_6.jpg
    │   ├── make_b1.jpg
    │   ├── make_b2.jpg
    │   ├── make_r.jpg
    │   ├── mat_1.jpg
    │   ├── mat_2.jpg
    │   ├── mat_3.jpg
    │   ├── mban_1.jpg
    │   ├── milk_1.jpg
    │   ├── milk_2.jpg
    │   ├── milk_3.jpg
    │   ├── milk_4.jpg
    │   ├── milk_5.jpg
    │   ├── milk_6.jpg
    │   ├── milk_7.jpg
    │   ├── milk_8.jpg
    │   ├── milk_ban.jpg
    │   ├── n_img1.jpg
    │   ├── n_img2.jpg
    │   ├── nav1.png
    │   ├── nav10.png
    │   ├── nav2.png
    │   ├── nav3.png
    │   ├── nav4.png
    │   ├── nav5.png
    │   ├── nav6.png
    │   ├── nav7.png
    │   ├── nav8.png
    │   ├── nav9.png
    │   ├── nban.jpg
    │   ├── p_big.jpg
    │   ├── pa_1.jpg
    │   ├── pa_2.jpg
    │   ├── pa_3.jpg
    │   ├── pa_4.jpg
    │   ├── pa_5.jpg
    │   ├── pa_6.jpg
    │   ├── pa_7.jpg
    │   ├── pa_8.jpg
    │   ├── paper_ban.jpg
    │   ├── peo1.jpg
    │   ├── peo2.jpg
    │   ├── peo3.jpg
    │   ├── peo4.jpg
    │   ├── per_1.jpg
    │   ├── per_10.jpg
    │   ├── per_11.jpg
    │   ├── per_12.jpg
    │   ├── per_2.jpg
    │   ├── per_3.jpg
    │   ├── per_4.jpg
    │   ├── per_5.jpg
    │   ├── per_6.jpg
    │   ├── per_7.jpg
    │   ├── per_8.jpg
    │   ├── per_9.jpg
    │   ├── pl.gif
    │   ├── pro1.jpg
    │   ├── pro2.jpg
    │   ├── pro3.jpg
    │   ├── pro4.jpg
    │   ├── pro5.jpg
    │   ├── pro6.jpg
    │   ├── pro7.jpg
    │   ├── pro8.jpg
    │   ├── ps1.jpg
    │   ├── ps2.jpg
    │   ├── ps3.jpg
    │   ├── ps4.jpg
    │   ├── s_close.gif
    │   ├── s_tel.png
    │   ├── sb1.jpg
    │   ├── sb2.jpg
    │   ├── sb3.jpg
    │   ├── sbrand.jpg
    │   ├── sh_1.gif
    │   ├── sh_2.gif
    │   ├── sh_3.gif
    │   ├── sh_4.gif
    │   ├── sh_5.gif
    │   ├── simg.jpg
    │   ├── ss.png
    │   ├── suc.png
    │   ├── t1.jpg
    │   ├── t2.jpg
    │   ├── t3.jpg
    │   ├── t4.jpg
    │   ├── tel_1.jpg
    │   ├── tel_2.jpg
    │   ├── tel_3.jpg
    │   ├── tel_4.jpg
    │   ├── tel_5.jpg
    │   ├── tel_6.jpg
    │   ├── tel_b1.jpg
    │   ├── tel_b2.jpg
    │   ├── tel_r.jpg
    │   ├── tm1.jpg
    │   ├── tm2.jpg
    │   ├── tm3.jpg
    │   ├── tm_1.jpg
    │   ├── tm_1.png
    │   ├── tm_2.jpg
    │   ├── tm_2.png
    │   ├── tm_3.jpg
    │   ├── tm_3.png
    │   ├── tm_4.jpg
    │   ├── tm_b1.jpg
    │   ├── tm_b2.jpg
    │   ├── tm_ban.jpg
    │   ├── tm_big.jpg
    │   ├── tm_r.jpg
    │   ├── user.jpg
    │   └── z_buy.gif
    ├── Product.html
    ├── Regist.html
    ├── Sql脚本.txt
    ├── index.html
    └── js
        ├── address.js
        ├── cityData.js
        ├── cityData.json
        ├── globalData.json
        ├── jquery-1.8.3.min.js
        ├── jquery-3.3.1.min.js
        ├── jquery.SuperSlide.2.1.2.js
        ├── jquery.bxslider.js
        ├── jquery.growl.js
        ├── jquery.imagezoom.min.js
        ├── jquery.validate.js
        └── validate_extend.js

6 directories, 335 files