【原生js模拟双色球】的更多相关文章

原生js模拟双色球

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> //线产生6个红色号码 var redBall=[]; //给数组中导入33个数字 for(var i=1;i<=33;i++){ redBall.push(i); } //打乱顺序 redBall.sort(function(){ //返回…

原生JS模拟jQuery $

模拟jQuery的$选择器 在获取元素的时候使用ID选择器,返回的是一个对象:使用类选择器或者标签选择器返回可能是一组元素:将获取到的一个或一组元素进行一个简易的封装封装成一个TQObject 什么是TQObject对象?简单来说就是一个自定义的JS对象,其主要目的是为了保存通过各个选择获取的一个或一组DOM对象 function TQObject(){ this.data= [] ; } 1) 模拟$,用于根据指定的选择器获取页面上的元素,并将获取的元素封装到TQObject中返回 var $…

原生js模拟jquery写法

function $_custom(fun) { document.onreadystatechange = function() { if (document.readyState == "complete") { fun(); } } } function $(val){ if(val.indexOf("#")==0) { var ob=new Array(); var obj=document.getElementById(val.substring(1));…

使用原生js模拟jQuery选择器，实现new方法，兼容ie5

// 考虑到兼容ie5,未使用es6语法 /* 使用方法: 在<head>标签中(需使用ready方法): <script src="./jQuery2.js"></script> <script> var jQuery = new jQuery() $ = jQuery.dealParams jQuery.ready(function(){ console.log($('#list')); console.log($('li')); c…

原生 js 模拟 alert 弹窗

复制头部的 js 代码到你的 js 文件的任何地方,调用Chef.alert方法传入相应的参数即可并没有什么功能,只是一个提示的作用,可能样式比 alert 的弹窗好看点,css是写在js里的,只要你会写 css 就可以自行修改样式. Chef.alert 使用说明: 此方法有6个参数: 1,title 弹出框的标题 2,content 弹出框的提示文字也可以以字符串的形式传入任何html标签, 3,firm 弹出框按钮的文字 4,offset 弹出框距离顶部的位置,左右默认水平居中, 5,wi…

javascript项目实战之原生js模拟淘宝购物车

通过JavaScript实现类似与淘宝的购物车效果,包括商品的单选.全选.删除.修改数量.价格计算.数目计算.预览等功能的实现.实现的效果图: 相应的代码: shoppingCart.html <!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title>JavaScript实现购物车项目实战</title> <link rel="sty…

原生js模拟jquery中的addClass和removeClass方法

js代码: //添加类 function addClass(obj,className) { if(obj.className == '') { //如果没有class obj.className = className; }else { var strClass = obj.className; var arrClass = strClass.split(' '); var arr = []; var index = arrIndex(arrClass,className); if(index…

原生js模拟锚点，实现点击后，内容定位到本页的对应位置

今天在做angularJS项目过程中,遇见了一个需求,在一个页面中有多个表格,每个表格都有对应的分页,点击顶部对应的模块,可以定位到每个表格模块具体的位置. 页面如下所示: 在angular中,为了使url地址访问的时候更加方便,我们使用了html5mode方式,改变了url默认的hash样式,对html5mode详细了解请查看为什么angularjs使用ui-router时要使用html5Mode? 这时,如果我们使用锚点的方法就会存在一个问题,当我们点击顶部的tab部分是, 页面的url就回…

原生JS模拟百度搜索关键字与跳转

<style type="text/css"> *{ margin: 0; padding: 0; } #text{ width: 300px; height: 30px; } ul { width: 302px; border: 1px solid #ddd; border-top:0; display: none; } ul li { list-style: none; font-size: 12px; font-family: "微软雅黑"; he…

原生js+css实现重力模拟弹跳系统的登录页面

今天小颖把之前保存的js特效视频看了一遍,跟着视频敲了敲嘻嘻,用原生js实现一个炫酷的登录页面.怎么个炫酷法呢,看看下面的图片大家就知道啦. 效果图: 不过在看代码之前呢,大家先和小颖看看css中的opacity.transition.box-shadow这三个属性. 1.opacity 作用:设置一个元素的透明度 定义和用法 opacity 属性设置元素的不透明级别. 默认值: 1 继承性: no 版本: CSS3 JavaScript 语法: object.style.opacity=0.5…