CSS3 过渡 文字向上滚动

这是浏览器的对象。

定义:Navigator 对象包含有关浏览器的信息。

 <script>
            //关于浏览器的信息
            var x = navigator;
            document.write("CodeName=" + x.appCodeName);
            document.write("<br />");
            document.write("MinorVersion=" + x.appMinorVersion);
            document.write("<br />");
            document.write("Name=" + x.appName);
            document.write("<br />");
            document.write("Version=" + x.appVersion);
            document.write("<br />");
            document.write("CookieEnabled=" + x.cookieEnabled);
            document.write("<br />");
            document.write("CPUClass=" + x.cpuClass);
            document.write("<br />");
            document.write("OnLine=" + x.onLine);
            document.write("<br />");
            document.write("Platform=" + x.platform);
            document.write("<br />");
            document.write("UA=" + x.userAgent);
            document.write("<br />");
            document.write("BrowserLanguage=" + x.browserLanguage);
            document.write("<br />");
            document.write("SystemLanguage=" + x.systemLanguage);
            document.write("<br />");
            document.write("UserLanguage=" + x.userLanguage);
        </script>

这段代码,在每个浏览器显示的消息都会有差别

Chrome:

IE:

火狐:

还有别的浏览器,这里主要想研究我们用的是那种浏览器

userAgent 属性

附上判断浏览器的方法

  <script>
            var nav = window.navigator.userAgent;
            //不知道你可以打开你的浏览器,把这句话写上,然后查看这句话里面出现的字符串,然后做判断就可以了
           document.write("代理:"+nav);
            var cb = "Unknown";
            if (nav.indexOf("Trident") != 1) { //IE
                cb = "IE";
            } else if (nav.indexOf("Firefox") != 1) { //火狐
                cb = "Firefox";
            } else if (nav.indexOf("Chrome") != 1) {  //谷歌
                cb = "Chrome";
            }
            else if (nav.indexOf("Opera") != 1) { //欧朋
                cb = "Opera";
            }
           console.log(cb);

        </script>
时间: 2024-10-28 02:19:36

CSS3 过渡 文字向上滚动的相关文章

文字向上滚动代码,带段落停顿

带段落停顿效果的文字向上滚动代码,一个比较早的代码了,但觉得现在仍很常用,它可以定义文字成批次(段落)向上滚动,滚动后停顿,然后继续滚动,很不错啦,希望大家也喜欢. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>接触角测定仪</title> </head> &l

jquery实现文字向上滚动显示效果的简易方法(个人随笔)

HTML代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>文字向上滚动</title> <link type="text/css" rel="stylesheet" href="style/style.css"/> <script type="text

纯css3实现文字间歇滚动效果

场景: 假设有4条数据或者标题,视口中只显示两条,采用每次向上滚动一条数据来展示所有的数据.效果如图: 用JavaScript也很容易实现,但是需要操作DOM,可以参考这篇博客.考虑到项目中经常使用Vue,已经很少操作DOM了,所以考虑最好通过CSS来实现,可以通过Vue给模板元素动态绑定class来实现相同的功能,如果需要考虑css3兼容性的话,可以去使用JavaScript去完成. 主要用到了css3的两个属性:@framekeys和animation 通过 @keyframes 规则,能够

排行榜 文字向上滚动效果

<!-- 文字轮播效果 start--> <script> (function($){ $.fn.FontScroll = function(options){ var d = {time: 3000,s: 'fontColor',ulClassName:'line'} var o = $.extend(d,options); //d目标参数 options原参数 对原对象中的每个属性进行判断,如果是,那么将他拷贝到目标的对象上去. this.children('ul').addC

jquery实现文字向上滚动效果

html部分 <body> <div id="demo" > <ul id="demo1"> <li>1111111111111111</li> <li>2222222222222222</li> <li>3333333333333333</li> <li>4444444444444444</li> <li>55555555

vue文字向上滚动

<template> <vue-seamless-scroll :data="listData" :class-option="optionHover" class="seamless-warp"> <ul class="item"> <li v-for="item in listData"> <span class="title"

js文字向上滚动代码

<style>.pczt_pingfen_jhxs_news1{ width:397px;  background:#edfafd; padding-top:2px; padding-bottom:2px; margin:0 auto;}.pczt_pingfen_jhxs_xian{ width:382px;  margin:0 auto; border:1px dashed #a8d1dd; border-left:none; border-right:none;}.pczt_pingfe

单行文字向上无间断的滚动

单行文字向上滚动,这里我主要是用了无逢滚动的原理:通过改变top值,让文字让上移动,需要一个定时器 var oNav=document.getElementById('nav'); var oUl=oNav.getElementsByTagName('ul')[0]; var aLi=oUl.children; var timer=null; var speed=-1; oUl.innerHTML+=oUl.innerHTML; oUl.style.height=aLi[0].offsetHei

文字上下滚动

公司做个页面效果,文字向上滚动,需要循环,鼠标移上去,清除定时器停止运动,鼠标移除,运动继续. 之前一般在17素材网找类似的效果进行修改,总觉得没意思,自己写一个吧, <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="智能社 - zhinengshe.com" /> <