摘要: //自己根据图片路径设置好,img/main/index.jpg 为主页显示的9张 //img/show/index/index.jpg 分别为每一张主页后面现实的图片 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></titl 阅读全文
posted @ 2017-03-06 16:54 张正-博客园 阅读(138) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 450px; border: 1p 阅读全文
posted @ 2017-03-06 16:51 张正-博客园 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 自己练习,难免有小bug,但是效果能够实现 阅读全文
posted @ 2017-03-06 16:45 张正-博客园 阅读(135) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var str = '12345678'; var arr = []; 阅读全文
posted @ 2017-03-06 16:28 张正-博客园 阅读(249) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #screen{ width: 600px; height: 400px; border: 1px solid #9 阅读全文
posted @ 2017-03-06 16:27 张正-博客园 阅读(337) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双飞翼圣杯</title> <style type="text/css"> *{ margin: 0; padding: 0; border: 0; } .a{ f 阅读全文
posted @ 2017-03-06 15:38 张正-博客园 阅读(382) 评论(1) 推荐(0) 编辑
摘要: //原生实现三级联动 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>城市切换</title></head><body> <select id="province"></select> <select id="c 阅读全文
posted @ 2017-03-06 15:37 张正-博客园 阅读(281) 评论(0) 推荐(0) 编辑
摘要: //简单运用redux写了一个加减乘除功能 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jisuanji</title> <script src="http://cdn.bootcss.com/redux/3 阅读全文
posted @ 2017-03-06 14:55 张正-博客园 阅读(372) 评论(0) 推荐(0) 编辑
摘要: //用原生js实现了一个简单的轮播图效果 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #banner{ 阅读全文
posted @ 2017-03-06 14:52 张正-博客园 阅读(414) 评论(0) 推荐(0) 编辑
摘要: //通过原生js实现table切换<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>选项卡</title><style type="text/css"> .main {wi 阅读全文
posted @ 2017-03-06 14:47 张正-博客园 阅读(6117) 评论(0) 推荐(0) 编辑