js

用js实现一个放大镜的效果

由 こ雲淡風輕ζ 提交于 2020-03-07 12:03:07
html: **<div class="box" id="box"> <div id="smallBox" class="smallBox"> <img src="images/001.jpg" width="350" alt=""/> <div id="mask" class="mask"></div> </div> <div id="bigBox" class="bigBox"> <img src="images/0001.jpg" id="bigImg" width="800" alt=""/> </div> </div> css: { margin: 0; padding: 0; } .box { width: 350px; height: 350px; margin: 100px; border: 1px solid #ccc; position: relative; } .bigBox { width: 400px; height: 400px; position: absolute; top: 0; left: 360px; border: 1px solid #ccc; overflow: hidden; display: none; } .mask { width: 175px; height: 175px; background: rgba(255, 255,

用js判断 iPhone6 iPhone6 plus iphonex？

由 孤街醉人 提交于 2020-03-07 11:02:17
var events = navigator.userAgent;if(events.indexOf('Android')>-1 || events.indexOf('Linux')>-1 || events.indexOf('Adr')>-1){ console.log("安卓手机"); }else if(events.indexOf('iPhone')>-1){ //根据尺寸进行判断 苹果的型号 if(screen.height == 812 && screen.width == 375){// 进行操作，改变样式 const obj = document.getElementById('sendxBtn') obj.setAttribute("style", "padding:5px 10px 20px;") console.log("苹果X"); }else if(screen.height == 736 && screen.width == 414){ console.log("iPhone7P - iPhone8P - iPhone6"); }else if(screen.height == 667 && screen.width == 375){ console.log("iPhone7 - iPhone8 - iPhone6"); }else if(screen

Js 之百度编辑器UEditor插件

由 心已入冬 提交于 2020-03-07 09:29:33
一、下载 http://ueditor.baidu.com/website/download.html#ueditor 二、效果图 三、示例 引入js <script type="text/javascript" src="<?php echo base_url() ?>static//plugins/ueditor/ueditor.config.js"></script> <script type="text/javascript" src="<?php echo base_url() ?>static//plugins/ueditor/ueditor.all.min.js"></script> <script type="text/javascript" src="<?php echo base_url() ?>static//plugins/ueditor/lang/zh-cn/zh-cn.js"></script> <textarea name="post[content]" id="content" style="width: 100%;" class="mr5"><?php echo @$data['content'] ?></textarea> UE.delEditor('content'); UE.getEditor('content', {

js实现无限瀑布流

由 て烟熏妆下的殇ゞ 提交于 2020-03-07 08:30:51
瀑布流 是一种常见的网页布局方式，在许多网站中我们都能看到“瀑布流”的效果，其特征是有网页视窗有多个高度不同宽度相同的“块”组成。因其样式酷似飞流直下的瀑布， 故将这种布局方式称为瀑布流。 生活中瀑布流实例： 花瓣网 在css中我们学习过使用Multi-columns来实现瀑布流的效果 通过 Multi-columns 相关的属性 column-count 、 column-gap 配合 break-inside 来实现瀑布流布局。 现在，我来介绍一下如何通过js方式来实现瀑布流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .cont{ margin: 0 auto; position: relative; } .box{ float: left; padding: 6px; } .imgbox{ border: 1px black solid; border-radius: 6px; padding: 6px; } .imgbox img{ width: 200px; display: block; } </style> <script> onload = function () { new Waterfall(); }; function

js判断是android访问还是ios访问

由 ≯℡__Kan透↙ 提交于 2020-03-07 07:54:53
原文地址：http://blog.csdn.net/wy978651775/article/details/9014039 该博主也是转载的，但是没有标明出处。判断原理： JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。 浏览器类型 ⑴浏览器特有属性 ⑵根据userAgent 浏览器版本 ⑴根据userAgent 对于手机浏览器判断 1.如何判断是否为移动终端 利用正则match， 匹配navigator.userAgent是否含有字符串AppleWebKit*****Mobile 安卓qq浏览器HD版 只有AppleWebKit 2手机语言版本的判断 使用navigator.browserLanguage 便可得出windows phone语言版本， 当然可恶的小小手机语言版本也有兼容性的差异，兼容Mozilla，以及AppleWebKit内核的浏览器访问其语言版本，它会列出 navigator.language CODE：

js原生开发一个2048小游戏

由 假装没事ソ 提交于 2020-03-07 07:38:07
本人正在学习ing，应该bug众多还请见谅如有转载请告知，谢谢！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>2048</title> <style> *{ font-family: arial; margin: 0; padding: 0;}.header{ width: 500px; height: 50px; color: #000; margin: 0 auto; font-size: 48px; font-weight: bold; margin-top: 100px;}.header>span{ color: #f00;}.cell_all{ width: 500px; height: 500px; margin: 0 auto; background-color: #bbada0; border-radius: 10px;}.cell{ width: 110px; height: 110px; border: 1px solid #000; opacity: 0.95; float: left; border-radius: 9px; margin-left: 10px; margin-top: 12px; font-size: 35px; font-weight: bold;

js基础的介绍及变量

由 馋奶兔 提交于 2020-03-07 07:06:17
js介绍 Js全称叫javascript，但不是java，他是一门前台语言，而java是后台语言。 Js作者是布兰登艾奇。 前台语言:运行在客户端的 后台语言:跟数据库有关的。 能干什么？ 页面特效，开发页面游戏，后台开发等等。 js和ECMAscript的关系 ES不是语言，是js的标准，我们学习js得按es的标准学习。 前端的三个层次 Html 结构层 Css 表现层 Js 行为层 Js写在哪里 因为js和php都是脚本语言，js写在script这个标签里，php写在<?php>标签里。 B 变量 变量:可以改变的量，往往用英文字母代替变量，并且区分大小写。 变量的定义（声明）: var 加 字母 var a 我声明了一个变量叫a 变量的用途：变量其实是一个容器，起到临时存储数据的作用。 通过=进行赋值。 var a=12; js语言的输出 alert() 这是js中的一个方法 弹出框 console.log() 浏览器控制台输出，用于代码测试 document.write() 在浏览器中写出 js的注释 (1) 单行注释 // (2) 多行注释 /* 内容 */ 常量 不变的量 汉字 数字 往往当做值使用。除了数字之外 要带引号”” ‘’ 红色的报错，说雅宁是一个变量，但是这个变量没有声明。 说明有这个变量，但是没有赋值。 变量起名的规则:不能使用汉字 区分大小写

JS知识

由 微笑、不失礼 提交于 2020-03-07 07:05:47
一、js介绍 　　js全称JavaScript，但不是Java，它是一门前台语言，不是后台语言。创始人 布兰登艾奇。 　　前台语言：运行在客户端的；后天语言：跟数据库有关的 二、js能干什么？ 　　页面特效，开发页面游戏，后台开发等等。 三、JS和ECMAScript的关系 　　ES不是语言，是JS的标准，我们学习JS 得按ES的标准来。 四、前端的三个层次 　　html ：结构层 　　css：表现层　　JS：行为层 五、JS写在什么地方 　　因为js和php都是脚本语言，js写在script这个标签里，php写在<?php>里 六、变量： 可以改变的量，往往用英文字母代替变量，并且区分大小写 　　变量的定义（声明）：var加字母， var a 声明了一个变量叫a 　　变量的用途：变量是一个容器，起到临时存储数据的作用 　　通过=进行赋值 　　变量起名的规则：不能使用汉字，区分大小写，不能特殊符号开头 除了_ $ 七、JS语言的输出 　　alert（）弹出框 　　console.log（）浏览器控制台输出，用于代码测试 　　document.write（）在浏览器中写出 八、注释 　　单行注释 // 　　多行注释/* */ 九、常量 不变的量 　　汉字、数字往往当做值使用，除了数字外要带"" 　　带引号和不带引号： 　　　　　　带引号的 是什么就输出什么 ——叫字符串 　　　　　

js第一天

由 白昼怎懂夜的黑 提交于 2020-03-07 07:05:26
1.JS介绍 全称叫JavaScript，但不是Java，js是一门前台语言，而Java是后台语言。 js的作者是 布兰登 . 艾奇 前台语言：运行在客户端的 后台语言：跟数据库有关 2.JS可以干什么？ 页面特效，开发页面游戏，后台开发等等。 3.JS和ECMAScript之间的关系 ES不是语言，是js的标准，我们学习js得按ES的标准学习 4.前端的三个层次 html 结构层 css 表现层 js 行为层 5.js写在哪里 因为js和php都是脚本语言， js写在script这个标签里 ，php写在<?php>标签里 A. B. 6.变量 变量：可以改变的量，往往用英文字母代替变量，并且区分大小写。 变量的定义（声明）：var加字母 例如： var a 我声明了一个变量叫a 变量的用途：变量其实是一个容器，起到 临时存储数据 的作用。 通过=进行赋值 如var a=12； 7.js语言的输出 　　 alert（） 这是js中的一个弹出框 　　 　　 console.log（） 浏览器控制台输出，用于代码测试 　　 　　 document.write（） 在浏览器中写出 　　 8.js的注释 　　（1）单行注释// 　　（2）多行注释/*内容*/ 9.常量 不变的量 汉字 数字往往当做值使用。除了数字之外 要带引号" " 红色的报错， 说明雅宁是个变量，但是这个变量没有声明

JS第一天 2018.10.15

由 不打扰是莪最后的温柔 提交于 2020-03-07 07:05:03
　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　 JS入门 1.js介绍：Java script 它是一门前台语言，而Java是后台语言。 JScript作者:布兰登艾奇 前台语言：运行在客户端； 后台语言：与数据库有关。 JScript能做什么？ 　　页面特效；开发页面游戏；后台开发等。 2.js和ECMAscript的关系 ES不是语言，是js的标准，我们学习js得按es的标准学习 3.前端的三个层次 Html 结构层 Css 表现层 Js 行为层 4.Js写在哪里 因为js和php都是脚本语言，js写在script这个标签里，php写在<?php>标签里。 5.变量 变量:可以改变的量，往往用英文字母代替变量，并且区分大小写。 变量的定义（声明）: var 加 字母 var a 我声明了一个变量叫a 变量的用途：变量其实是一个容器，起到临时存储数据的作用。 通过" = "进行赋值。 var a=12; 6.js语言的输出 alert() 这是js中的一个方法： 弹出框 console.log() 浏览器控制台输出，用于代码测试 document.write() 在浏览器中写出 js的注释 (1) 单行注释 // (2) 多行注释 /* 内容 */ 7.常量 不变的量 汉字 数字 往往当做值使用。除了数字之外 要带引号”” ‘' 出现“undefined”
订阅 js