txtscroll实现文字滚动效果代码
代码语言:html
所属分类:加载滚动
代码描述:txtscroll实现文字滚动效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title></title> <style> @charset "utf-8"; /*全局初始化样式*/ *{ outline: none;} *, *:before, *:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html,body{ overflow-x: hidden; } html{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body{ padding: 0; margin: 0 auto; font-size: 14px; line-height: 1.5; font-family: arial, Microsoft YaHei, '微软雅黑', '宋体'; color: #333; width: 100%; zoom: 1; /*禁用Webkit内核浏览器的文字大小调整功能*/ -webkit-text-size-adjust: none; /*取出点击出现半透明的灰色背景*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight: rgba(0, 0, 0, 0); /*设置字体的抗锯齿或者说光滑度*/ -webkit-font-smoothing: antialiased; } .ul, .ul li{ margin: 0; padding: 0; } pre{ background-color: #666; padding: 1%; color: #fff; } .demo{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 2% 5%;} .demo .tibox{ font-size: 40px; margin: 0; padding-bottom: 30px; } .demo .tibox sub{ color: #999; font-size: 12px; } .demo .instro li{ padding-top: 3%; } .demo .instro li:first-child{ padding-top: 0; } ..........完整代码请登录后点击上方下载按钮下载查看
网友评论0