动态字幕代码:在需要处加入< marquee onmouseover=this.stop()
onmouseout=this.start()>欢迎访问JavaScript教程网
特点:当你把鼠标指向字幕时字幕停止并有链接、移开鼠标指针字幕又滚动了,运用以上代码即可实现。
延伸:动态字幕有一个属性“direction”,它是控制字幕滚动方向的,把“direction”的属性改为“up”,就可以实现向上滚动,同理当改为“down”时就向下滚动,那么“left”和“right”自然就是向左和向右了。自动...
废话不多说,代码如下: 1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="UTF-8">5 <title>贪吃蛇</title>6 <script>7var map; //地图类对象 8var snake; //蛇类对象 9var food; //食物类对象 10var timer; //定时器对象 11var sum=0; //分数 12 13//地图类 14function Map()15 {16this.width=800; //地图宽度 17this.height=400; //地图高度 18this.position=‘absolute‘; //定位方式 19this.color=‘#cccccc‘; //地图...
定义数组 var arr = []; var arr = new Array(); var arr = new Array(10); 创建一个长度为10的数组数组操作方法join():讲数组中所有元素转化为字符串并连接在一起,可以指定一个可选的字符串来分隔数组的各个元素,并不会改变原数组var arr = [1,2,3]; console.log(arr.join("-")); //1-2-3 console.log(typeof arr.join("-")); //string console.log(arr); //[1,2,3]2. reserve():将数组中的元素颠倒顺序,返回逆序数组...
关于JavascriptJavascript实现了ECMA-262,一个完整的JavaScript实现由三个不同的部分组成核心 ECMAScript文档对象模型 DOM浏览器对象模型 BOM关于ECMAScript由 ECMA-262 定义的 ECMAScript 与 Web 浏览器没有依赖关系。实际上,这门语言本身并不包含输入和输出定义。 ECMA-262 定义的只是这门语言的基础,而在此基础之上可以构建更完善的脚本语言。我们常见的 Web 浏览器只是 ECMAScript 实现可能的宿主环境之一。宿主环境不仅提供...
四、屏蔽浏览器右上角“最小化”“最大化”“关闭”键 或者使用全屏打开页面 注:在body标签里加上onbeforeunload="javascript:return false"//使不能关闭窗口 五、屏蔽F5键 六、屏蔽IE后退按钮 在你链接的时候用www.82676666.com 七、屏蔽主窗口滚动条 在body标签里加上style="overflow-y:hidden" 八、屏蔽拷屏,不断地清空剪贴板 在body标签里加上onload="setInterval(‘clipboardData.setData(\‘Tex...
细数那些事件类型UI事件焦点事件鼠标与滚轮事件键盘与文本事件复合事件变动事件HTML5事件设备事件触摸和手势事件UI事件常见的有 load unload abort error select resize scroll
焦点事件blur 不会冒泡
focus 不会冒泡
focusin 冒泡
focusout
鼠标与滚轮事件click : 点击
dblclick: 双击
mousedown: 鼠标按下
mouseenter: 鼠标光标进入元素区域
mouseleave: 鼠标光标移出元素区域, 当前元素触发
mousemove: 鼠标在元素内部移动
m...
功能描述 通过 JavaScript 实现图片的本地预览(无需上传至服务器),兼容所有浏览器(IE6&IE6+、Chrome、Firefox)。 实现要点 ● 对于 Chrome、Firefox、IE10 使用 FileReader 来实现。● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 来实现。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><style type="text/css"> #preview, .img, im...
1.BOM对象window对象所有浏览器都支持 window 对象。概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可.windows对象方法alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt() 显示可提示用户输入的对话框。open() 打开一个新的浏览器窗口或查找...
单例模式 用于创建唯一的一个对象。 核心在于一个判断 var index if(index){ return index; } init(); 这样只会在第一次的时候初始化创建对象,以后都不会再创建对象。 还有闭包内的变量不会销毁,例如index可以始终存在。 js的实现: 1var getSingle = function (fn) {2var result;3returnfunction () {4return result || (result = fn.apply(this, arguments));5 };6 };7//创建登陆div 8var c...
1.firefox不能对innerText支持。firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了。如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替。2.禁止选取网页内容:在IE中一般用js:obj.onselectstart=function(){return false;}而firefox用CSS:-moz-user-select:none3.滤镜的支持(例:透明滤镜):IE:filter:alpha(opacity=10);firefox:-moz-opacity...
实例。。。<html><head><title></title><script type="text/javascript" src="../jquery/jquery-1.8.3.js"></script><script type="text/javascript" src="../jquery/jquery-1.8.3.min.js"></script><script type="text/javascript"> function ChangeColum (FieldObject){ var selectIndex = FieldObject.selectedIndex; //dropdownlist选中的项数 var strStyle = FieldObject.options[selectIndex].text;//取...
/*** 使用指定字符替换明文字符串*/export function hiddenStr(str, front, end, hiddenChar = ‘*‘) {let len = str.length - front - end;let replaceStr = ‘‘;for(let i = 0; i< len; i++) {replaceStr += hiddenChar;}let frontStr = str.subtring(0, front);let endStr = str.substring(str.lengtn - end);return frontStr + replaceStr + endStr
}export default {hiddenStr
} 原文:https://www.cnblogs.com/Nyan-Workfl...
Function(函数)类型实际上是对象。每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针。一.函数的声明方式1.普通的函数声明function laber(num1, num2) {return num1+ num2;
}2.使用变量初始化函数var laber = function(num1, num2) {return num1 + num2;
};3.使用Function构造函数 ps:不建议用这种方式var laber = new Function(‘num1‘, ‘...
客户端JavaScript:客户端就是Web浏览器;一、 前奏: Web文档(document):一些呈现静态信息的页面,虽然有的页面是会动的,但信息本身还是静态! Web应用:可以动态载入信息,相比与文档的文本化,应用看起来更加图形化; 客户端JavaScript的三个重要的对象:Window Document和Element;Window是全局对象,它的属性和方法是全局变量和全局函数,其中里面的属性location指向Location对象,Location对象指定当前...
流程控制主要有三种结构:顺序结构、分支结构、循环结构。 分支结构if ( ){ }if ( ){ } elseif ( ){ } // 双分支if ( ){ } elseif ( ){ } else { } // 多分支
( ) ? ( ) : ( ) // 三元表达式switch casebreakdefault1. switch 后的括号理论上是表达式,但开发中为了方便控制,常输入变量。2. switch 与 case 的值必须全等才能执行操作。 (注意变量类型)3. 如果没有...