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