Welcome

首页 / 脚本样式 / JavaScript

jquery计算出left和top,让一个div水平垂直居中的简单实例

2017-02-06 16
实例如下：if（$（"#cont1"）.css（"position"）！="fixed"）{$（"#cont1"）.css（"position","absolute"）;var dw = $（window）.width（）;var ow = $（"#cont1"）.outerWidth（）;var dh = $（window）.height（）;var oh = $（"#cont1"）.outerHeight（）;var l = （dw - ow） / 2...

瀑布流的实现方式（原生js+jquery+css3）

2017-02-06 17
前言项目需求要弄个瀑布流的页面，用的是waterfall这个插件，感觉还是可以的，项目赶就没自己的动手写。最近闲来没事，就自己写个。大致思路理清楚，还是挺好实现的...原生javascript版<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流-javascript</title> <st...

原生js仿jquery animate动画效果

2017-02-06 16
jquery animate动画效果：代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <style>*{margin:0;padding:0;}.box{width: 400px;height: 300px;background: #000;margin:40p...

js实现可键盘控制的简单抽奖程序

2017-02-06 17
本文实例为大家分享了js抽奖程序的编写代码，以及编写注意事项，感兴趣的小伙伴们可以参考一下代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>简单抽奖（可用键盘）</title><style>*{margin:0;padding:0;}.box{width: 400px;height: 3...

JS中如何比较两个Json对象是否相等实例代码

2017-02-06 16
在js前端面试过程中，经常会遇到这样的笔试题：JS中如何比较两个Json对象是否相等实例代码，下面小编抽点时间给大家整理下，一起看看吧。1.先准备三个工具方法，用于判断是否是对象类型，是否是数组，获取对象长度function isObj（object） {return object && typeof （object） == "object" && Object.prototype.toString.call（object）.toLowerCase（） =...

AngularJS实用开发技巧（推荐）

2017-02-06 17
一、开端Angular JS 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它提供web应用的架构，无需进行手工DOM操作。 AngularJS很小，只有60K，兼容主流浏览器，与jQuery 配合良好。二、基础原则了解①angular的一些入门了解一、基础知识1.angular放弃了IE82.四大核心分别是mvc、模块化、指令系统、双向数据绑定二、一些原则1.不要复用controller，一个控制器一般只负责一小块视图。2.不要在con...

javascript超过容器后显示省略号效果的方法（兼容一行或者多行）

2017-02-06 17
javascript超过容器后显示省略号效果在实际的项目中，由于文字内容的长度不确定性和页面布局的固定性，难免会出现文字内容超过div（或其他标签，下同）区域的情况，此时比较好的做法就是当文字超过限定的div宽度后自动以省略号（…）显示，这样，按照习惯，人们都会知道这儿有文字被省略了。css中有个属性叫做text-overflow:ellipsis;比如使用css可以这样写：{width:27em; white-space:nowrap; text-ove...

原生javascript 学习之js变量全面了解

2017-02-06 19
1.变量的命名 方法的命名（驼峰命名法）全部小写 ： 单词与单词之间全部下划线 （my_namespace）大小写混合 : 第一个单词首字母小写其他单词首字母大写。规则首字符 英文字母或下划线组成 英文字母 数字 下划线禁忌 JavaScript 关键字 保留字2. 变量的声明 显示声明 : var 关键字陋习 : 没有类型 重复声明 隐式声明 不声明直接赋值正解 ： 先声明 后读写 先赋值 后运算3. 变量类型 值类型 A） 占用空间固定 保...

js计算系统当前日期是星期几的方法

2017-02-06 19
本文实例为大家分享了4种js计算系统当前日期是星期几的方法，供大家参考，具体内容如下方法一：// 计算系统当前是星期几var str = "今天是星期" + "日一二三四五六".charat（new date（）.getday（））;方法二：var a = new array（"日", "一", "二", "三", "四", "五", "六"）;var week = new date（）.getday（）;var str = "今天是星期"+ a[week...

全面了解addEventListener和on的区别

2017-02-06 16
为什么需要addEventListener？先来看一个片段：html代码<div id="box">追梦子</div>用on的代码window.onload = function（）{var box = document.getElementById（"box"）;box.onclick = function（）{console.log（"我是box1"）;}box.onclick = function（）{box.style.fo...

ui组件之input多选下拉实现方法（带有搜索功能）

2017-02-06 16
我的风格，先上效果图，如果大家感觉还不错，请参考实现代码。废话不说 先看div层次结构<！-- 最外层div 可以任意指定 主要用于定义子元素宽度 --><div class="col-xs-10" style="width:800px"><！-- 表单label 添加文字提示 --><label for="" class="label-control">全文检索</label><！-- 多...

浅谈addEventListener和attachEvent的区别

2017-02-06 16
• addEventListener共有3个参数，如下所示：element.addEventListener（type,listener,useCapture）;参数参数说明element要绑定事件的对象，及HTML节点。type事件名称，注意去掉事件前边的“on”，比如“onclick”要写成“click”，“onmouseover”要写成“mouseover”。listener要绑定的事件监听函数，注意只写函数名，不要带括号。userCap...

jQuery实现下拉框多选 jquery-multiselect 的实例代码

2017-02-06 17
先给大家展示下效果图：除了jquery，需要引用的样式和js文件：<link rel="stylesheet" type="text/css" href="../assets/jquery.multiselect.css" /><link rel="stylesheet" type="text/css" href="../assets/style.css" /><link rel="stylesheet" type="text...

javascript运算符语法全面概述

2017-02-06 17
前面的话javascript中的运算符大多由标点符号表示，少数由关键字表示，它们的语法言简意赅，它们的数量却着实不少。运算符始终都遵循着一些固定语法，只有了解并掌握这些内容，才能正确使用运算符。本文将主要介绍javascript运算符的语法概述操作数个数 javascript的运算符总共有46个，如果根据其操作数的个数进行分类，则大多数是二元运算符（binary operator），它们的操作数都是两个，它们将两个表达式合并成复杂表达式1 + 2;tru...

jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较

2017-02-06 16
想要添加这个效果，先来弄明白页面的加载和事件执行顺序，看这个简单例子：<html xmlns="http://www.w3.org/1999/xhtml"><head ><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>验证加载顺序</title><script src="../Script...

jQuery实现公告新闻自动滚屏效果实例代码

2017-02-06 17
本文是小编参考网络上的一个小demo，自己做了下扩展，原来是向上滚动的，扩展了一个向下滚动的方法，具体实例代码如下所示：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>滚屏实验</title>&l...

Jquery实现遮罩层的简单实例（就是弹出DIV周围都灰色不能操作）

2017-02-06 16
Jquery实现遮罩层的简单实例（就是弹出DIV周围都灰色不能操作）<！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> <me...

window.close（）; 关闭浏览器窗口js代码的总结介绍

2017-02-06 16
window.close（）; 关闭浏览器窗口js代码的总结介绍序号关闭代码需要确认无任何作用无需确认测试1window.close（）IE7firefox,chrome, safariOperaClose2window.opener=null; window.open（"","_self"）; window.close（）;firefoxIE7,Opera， chrome,safariClose3window.open（"","_self"）; wind...

JavaScript——DOM操作——Window.document对象详解

2017-02-06 18
一、找到元素： docunment.getElementById（"id"）；根据id找，最多找一个； var a =docunment.getElementById（"id"）;将找到的元素放在变量中； docunment.getElementsByName（"name"）；根据name找，找出来的是数组； docunment.getElementsByTagName（"name"）；根据标签名找，找出来的是数组； docunment.getElemen...

Angular.js 实现数字转换汉字实例代码

2017-02-06 17
AngularJS 简介AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。下面通过本文给大家介绍Angular.js 实现数字转换汉字实例代码，具体代码如下所示：// 1、实现输入数字输出对应汉字，要求使用angularjs，不准使用$watch函数，for循环；提示：ng-change指令<...
<< 151 152 153 154 155 156 157 158 159 160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图