首页 / JAVASCRIPT / JavaScript原生态兼容IE6可调控滚动文字功能

JavaScript原生态兼容IE6可调控滚动文字功能

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript原生态兼容IE6可调控滚动文字功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4213字，纯文字阅读大概需要7分钟。

内容图文

一、基本目标

如下图，一开始文字能在15px-400px这个区域以每0.05s，5px像素的无缝滚动，当然，改改下面的脚本，你让我从地球滚动到外太空都没问题，只要你告诉我地球的px和外太空的px就行了，然后设置两个按钮，你点击“停止”它就停止，停止之后点击“开始”就让它开始，它在“开始”的状态你点N下“开始”是不会出BUG的，继续保持这个状态，它在“停止”状态，你点N下“停止”也是没有问题的。

JavaScript原生态兼容IE6可调控滚动文字功能 - 文章图片

二、HTML布局

代码如下：

思想如下图，一图胜千言，不说了。请自行对比代码与图。

JavaScript原生态兼容IE6可调控滚动文字功能 - 文章图片

三、脚本部分

这里是整个控件的核心。

四、总结

1、CSS中，凡是带-的属性，在javascript要换成大写，如CSS的padding-left在javascript是paddingLeft，否则会被当成减号处理

2、利用padding-left来完成这个组件，就不用使用left要设置绝对定位，然后又要考虑这个组件怎么摆放了。

3、这个东西在浏览器的百分比宽度内滚动，最好不要这样做，毕竟javascript中取出浏览器的宽度可能会遇到各种各样的兼容性问题。还是设置一个定值，这样的代码简短。

附：HTML比较冷门标签与属性

1.<hr>标签能够添加一条水平分隔线。单标记标签，拥有属性width,size,color,align（后接值）noshade（直接添加，如文本框的disabled，表示这条水平线是无阴影的）

2.<marquee>标签已经被微软废除了。

微软这个家伙在最新的IE8下已经放弃对MARQUEE的支持了（我这里很无语，MARQUEE是微软自己创造出来的，现在火狐都支持了，它自己不干了）

用marquee有诸多问题的。DW给你提示是警告你慎重。

如下面的代码在IE8的滚动是存在问题的，当图片滚完之后会自动刷新，相当难看，无法现实无缝滚动。

<!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.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>滚动</title>
</head>
<body>
<marquee width=250px behavior="scroll">
<a href="http://www.163.com" rel="external nofollow" ><img src="img0.jpg" width=100 hspace=50/></a>
<a href="http://www.baidu.com" rel="external nofollow" ><img src="img28.jpg" width=100px /></a>
</marquee>
</body>
</html>

3.<strong>标签是强调标签，基于内容。<b>是物理样式。<sup><sub>双标记标签能分别使字体上标与下标

4.&copy是代表版权字符©，&reg则是注册商标，&nbsp是空格

5.对于图片，其hspace属性能够设置图片与图片之间的间距。

6.<body>标签也是有属性的vlink link 能够分别设置访问了与未访问超链接的颜色，leftmargin与topmargin能够分别规定文档的左边距与上边距

7.<meta name="keywords" content="搜索关键词"><meta name="description content="网页描述">能分别设置被搜索引擎抓取的关键词与网页描述

内容总结

以上是互联网集市为您收集整理的JavaScript原生态兼容IE6可调控滚动文字功能全部内容，希望文章能够帮你解决JavaScript原生态兼容IE6可调控滚动文字功能所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/295248.html

来源：【匿名】

【上一篇】实例详解从对象列表中获取一个对象的方法【下一篇】javascript 怎么调用php方法

更多 ►

【JavaScript原生态兼容IE6可调控滚动文字功能】教程文章相关的互联网学习教程文章

JavaScript无提示关闭当前页面窗口，兼容IE/Firefox/Chrome【代码】

Js 设置class，兼容ie,火狐的方式

var trs = document.getElementsByTagName("tr");trs[0].className="color2"; //设置css样式。不兼容火狐！兼容火狐，ie的写法为:var cls = trs[0].getAttribute(‘class‘); // 添加classtrs[0].setAttribute(‘class‘, cls + ‘ color3‘);原文：http://www.cnblogs.com/beenupper/p/3830236.html

JS 获取鼠标当前坐标兼容IE【代码】【图】

最近在弄一个小功能鼠标移动到当前位置就在旁边提示我想提示的内容所以直接拿过来直接获取移动鼠标的坐标然后直接在body中直接绘制一块提示的区域内容function A(e) {var x,y;//获取鼠标坐标x=e.pageX,y=e.pageY;//绘制提示内容$(‘body‘).append("<div style=‘position: absolute; top: ‘ + y + ‘px; left: ‘ + x+ ‘px;‘>xxxxxx！</div>"); }发现：在IE6下获取不到pageX及pageY获取的值是NAN所以我就通过查找：functio...

可兼容IE的获取及设置cookie的jquery.cookie函数方法_jquery

前言在开发过程中，因为之前有接触过Discuz，就直接拿其common.js里面的getcookie和setcookie方法来使用，做到后面在使用IE来测试的时候，发现这两个方法子啊IE下不起作用，就请教同事，这样就有了jquery.cookie.js文件的由来，里面的代码很少，我贴在下面，方便以后使用和研究吧。源码代码如下: /** * Cookie plugin * * Copyright (c) 2006 Klaus Hartl (stilbuero.de) * Dual licensed under the MIT and GPL licenses: * h...

js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器_javascript技巧

直接上代码代码如下: var kingwolfofsky = { /** * 获取输入光标在页面中的坐标 * @param {HTMLElement} 输入框元素 * @return {Object} 返回left和top,bottom */ getInputPositon: function (elem) { if (document.selection) { //IE Support elem.focus(); var Sel = document.selection.createRange(); return { left: Sel.boundingLeft, top: Sel.boundingTop, bottom: Sel.boundingTop + Sel.boundingHeight }; } else { va...

javascript-jQuery('#cancel').removeAttr('disabled');这句话IE不能兼容，你能给出兼容IE系列，FF，chrome的程序？

jQuery('#cancel').removeAttr('disabled');这句话IE不能兼容，你能给出兼容IE系列，FF，chrome的程序？回复内容：jQuery(#cancel).removeAttr(disabled);这句话IE不能兼容，你能给出兼容IE系列，FF，chrome的程序？jQuery('#cancel').prop("disabled",false); 参考：http://blog.sina.com.cn/s/blog_655388ed01017cnc.html

javascript-jQuery('#confirm').removeAttr('disabled');这样的写法不能兼容IE系列，请给出兼容任何浏览器写法?

jQuery('#confirm').removeAttr('disabled');回复内容：jQuery(#confirm).removeAttr(disabled);jQuery(#confirm).attr(disabled,false);$(this).prop('disabled', false); 1、jQuery(#confirm).attr(disabled,false); 2、jQuery(#confirm)[0].disabled = false;

layui兼容ie浏览器吗【图】

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足...

如何解决VUEX兼容IE上的报错问题（详细教程）

下面我就为大家分享一篇解决VUEX兼容IE上的报错问题，具有很好的参考价值，希望对大家有所帮助。在IE 上使用Vuex的过程中，出现如下错误：SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.解决方法：1、先安装babel-polyfillnpm install --save-dev babel-polyfill2、webpack.base.config.js下修改文件entry: {babel-polyfill: babel-polyfill,app: ./src/main.js}上面是我整理给大家的，希望今后会对大家有...

javascript实现图片预览和上传（兼容IE）代码分享

这篇文章主要为大家详细介绍了javascript图片预览和上传的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下本文实例为大家分享了js图片预览和上传的具体代码，供大家参考，具体内容如下输出图片的类型*/compress: function (f, quality, output_img_type) {var mime_type = "image/jpeg";if(output_img_type!=undefined && output_img_type=="image/png"){mime_type = "image/png";}createImageBitmap(f).then(functio...

原生JS实现《别踩白块》游戏（兼容IE）【图】

本文主要介绍了原生JS实现《别踩白块》游戏（兼容IE）的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧兼容了IE，每得20分就加速一次！！！效果如下：图（1）游戏初始图（2）游戏开始代码如下：<!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"><style>*{ margin: 0; padding: 0; } .box {margin: 50px auto 0 auto;width: 400px;height: auto;border: solid 1px #222;} #cont { width: 400px;height: 6...

JS密码强度验证(兼容IE,火狐,谷歌)【图】

大概样式: 源码: //=================HTML页面================= <body onload="InitCss();"> <form> <div> <table> <tr> <td> 密码: </td> <td> <input id="txtPassword" type="password" style="width: 130px;" maxlength="16" onfocus="InitCss();" onblur="ValidateInput(password,this.value)" onkeydown="validatePwdStrong(this.value);" /> </td> <td> <div id="tipPosition"> </div> </td> </tr> <tr> ...

JS实现iframe自适应高度的方法(兼容IE与FireFox)

本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考，具体如下：之前一直被iframe自适应高度的问题困扰，很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆中翻了出来。我已经用过了，真的好用。尤其是对于我这样的JS水平较低（真不好意思）的人来说，这段代码简单易懂，方便修改，只要把下面的代码复制粘贴到iframe所在页面的<body>标签里面，并且修改一下ID名就行了（注意...

JavaScript自定义浏览器滚动条兼容IE、火狐和chrome【图】

今天为大家分享一下我自己制作的浏览器滚动条，我们知道用css来自定义滚动条也是挺好的方式，css虽然能够改变chrome浏览器的滚动条样式可以自定义，css也能够改变IE浏览器滚动条的颜色。但是css只能是改变IE浏览器的颜色，而且CSS不能做到改变火狐浏览器的样式和颜色。所以只能是通过JavaScript来实现了。也有插件可以做到。我分享一下我自己使用原生JavaScript实现的思路。先上个图看下效果：JavaScript实现的思路就是模拟浏览器自...

基于原生js淡入淡出函数封装（兼容IE）

在开发的过程中，我们要做淡入淡出效果的话，我们完全可以使用jQuery的fadeTo()方法。但是我们的目的不只是会用，而是理解程序底层的逻辑。这篇文章主要就是利用原生的javascript实现淡入淡出的效果。构建框架，基本没难度。<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>透明度函数的封装</title><style type="text/css">#box{width: 200px;height: 200px;background: red;margin: 50px auto;opacity: .3;filter: al...

首页 / JAVASCRIPT / JavaScript原生态兼容IE6可调控滚动文字功能

JavaScript原生态兼容IE6可调控滚动文字功能

内容导读

内容图文

内容总结

内容备注

内容手机端

【JavaScript原生态兼容IE6可调控滚动文字功能】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

IE - 相关标签

功能 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程