伊人怎会持宠而骄

2019年1月28日

摘要： css部分 *{padding:0; margin:0;} .container{ margin: 0 auto; width: 60%; padding:20px; } .progress{ margin-top: 50px; padding: 10px; background: grey; bo 阅读全文

posted @ 2019-01-28 09:46 伊人怎会持宠而骄阅读(146) 评论(0) 推荐(0)

左右焦点轮播图

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文

posted @ 2019-01-28 09:45 伊人怎会持宠而骄阅读(91) 评论(0) 推荐(0)

旋转木马轮播图

摘要： css部分 @charset "UTF-8"; /*初始化 reset*/ blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{ma 阅读全文

posted @ 2019-01-28 09:44 伊人怎会持宠而骄阅读(139) 评论(0) 推荐(0)

手风琴效果

摘要： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> ul{list-style: none} *{margin:0; padding:0;} div{ width: 1150px 阅读全文

posted @ 2019-01-28 09:44 伊人怎会持宠而骄阅读(98) 评论(0) 推荐(0)

简单版轮播图

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style>* { margin: 0; padding: 0; } ul, ol { list-style: none; } img { display: b 阅读全文

posted @ 2019-01-28 09:42 伊人怎会持宠而骄阅读(154) 评论(0) 推荐(0)

淡入淡出轮播图

摘要： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} ul,ol{ list-style: non 阅读全文

posted @ 2019-01-28 09:42 伊人怎会持宠而骄阅读(105) 评论(0) 推荐(0)

从右到左无缝滚动轮播图

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{ margin:0; padding:0; } div{ width:600px; height:200px; positio 阅读全文

posted @ 2019-01-28 09:41 伊人怎会持宠而骄阅读(622) 评论(0) 推荐(0)

上下滚动记录列表样式的轮播图

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equ 阅读全文

posted @ 2019-01-28 09:41 伊人怎会持宠而骄阅读(847) 评论(0) 推荐(0)

自动切换播放轮播图

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ position: relative; mar 阅读全文

posted @ 2019-01-28 09:40 伊人怎会持宠而骄阅读(271) 评论(0) 推荐(0)

无缝上下滚动轮播图

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{ margin:0; padding:0; } #container{ height:170px; width:500px; 阅读全文

posted @ 2019-01-28 09:40 伊人怎会持宠而骄阅读(577) 评论(0) 推荐(0)