HTML5
Tony L.Du
风吹浪打,不忘初心
展开
-
百度导航栏
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>导航栏</title> </head> <link rel="stylesheet" href="./导航栏.css" media="screen" title="no title"> <body> <d原创 2016-11-15 15:54:23 · 887 阅读 · 0 评论 -
旋转的方块
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>会旋转</title> </head> <style media="screen"> .demo{ width: 100px; height: 100px;原创 2016-11-15 18:49:30 · 552 阅读 · 0 评论 -
飞线
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{ margin: 0; padding: 0; } body{原创 2016-11-15 19:06:29 · 725 阅读 · 0 评论 -
CSS图片(伪)轮播
效果: http://115.159.53.185/test/lunbo/ 有bug<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style type="text/css"> #imageBox{原创 2016-11-20 14:54:29 · 602 阅读 · 0 评论 -
vip唯品会仿页
效果: http://115.159.53.185/test/vip/html:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> <link原创 2016-11-20 15:09:43 · 4830 阅读 · 3 评论 -
JavaScript定时器--图片轮播
效果: http://115.159.53.185/test/jsimagescroll/js: move() 利用定时器实现移动 //要让哪一个元素运动 //元素运动方向 //从哪里运动到哪里 //时间//调用: //move(document.getElementById("demo"), 'left', '300px', '100px', 2000);function move(ele,原创 2016-11-22 16:08:27 · 4232 阅读 · 0 评论