本文实例讲述了JS实现的自定义网页拖动类。分享给大家供大家参考，具体如下： 先来看运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-zdy-web-drug-pic-style-codes/ 具体代码如下：自写的拖动类……var d=document;//给document对象一个通用的事件侦听方法 d.addListener=function(e,f,b){this.attachEventthis.attachEvent('on'+e,f):this.addEventListener(e,f,b); } d.removeListener=function(e,f,b){...
本文实例讲述了JavaScript识别网页关键字并进行描红的方法。分享给大家供大家参考，具体如下：这里演示JavaScript智能识别网页关键字并加红显示出来，相信这个效果大家不陌生吧，用JS加红关键字要比程序控制输出好得多，必竟将一部分功能交给了客户浏览器，相应减轻了服务器的压力。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-keyword-show-red-color-codes/具体代码如下：<!DOCTYPE html PUBLIC "-//W...
本文实例讲述了JS实现网页每隔3秒弹出一次对话框的方法。分享给大家供大家参考，具体如下： 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-3-sec-alert-dlg-codes/ 具体代码如下：每隔3秒弹出对话框不要以为这是个空网页,一会就有东西弹出来~function time(){ alert("我3秒出来一次."); }setInterval("time()",3000);希望本文所述对大家JavaScript程序设计有所帮助。
本文实例讲述了JS实现网页上随机产生超链接地址的方法。分享给大家供大家参考，具体如下： 这是一个JavaScript的应用，每刷新一次页面，会自动更换一次链接，虽然不常用，不过对Javascript随机函数Math.random() 的使用将直到引导作用。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-math-rand-url-show-codes/ 具体代码如下：在网页上随机产生超链接地址");document.write(linkID.href); //希望本文所述...
一、arc所需要的参数设置代码如下: arc(x, y, radius, startAngle, endAngle, counterclockwise);其中x,y,radius都很容易理解，那么重点说说startAngle,endAngle和counterclockwise三个参数！ 二、arc参数详解1，startAngle和endAngle分别指圆开始的角度和结束的角度，手册上面说的是开始的角度为0，结束的角度为Math.PI*2，这样正好画一个圆2，下面通过实例来讲解startAngle和endAngle（注意html的代码我没有写）var c = document...
nodejs获取网页内容绑定data事件，获取到的数据会分几次相应，如果想全局内容匹配，需要等待请求结束，在end结束事件里把累积起来的全局数据进行操作！举个例子，比如要在页面中找有没有www.baidu.com，不多说了，直接放代码：//引入模块 var http = require("http"), fs = require('fs'), url = require('url'); //写入文件，把结果写入不同的文件 var writeRes = function(p, r) {fs.appendFile(p , r, function(err) {if(err)co...
创建元素的方法：1、利用createTextNode()创建一个文本对象2、利用createElement()创建一个标签对象3、直接利用容器标签中的一个属性：innerHTML-----本质上改该标签容器中的“html代码”，不是我们认为的对象树的操作详解代码：这是div模块-- 必须好好地学习，这样才能让自己有很好的回报 好好干，加油↖(^ω^)↗ 你懂得区域，实验区域 方式一 ：创建文本文档function addNode1(){ //1利用createTextNode()创建一个文本对象 var...
俄罗斯方块方块是小时候的一个回忆，从最开始的掌上的黑白游戏机，到电视游戏机，到电脑，无不有它的痕迹，今天我们来一起重温它的一种实现方法，也算是整理一下我的思路吧...... HTML+CSS+JS实现俄罗斯方块完整版，素材只有图片，想要的下载图片按提示名字保存，css中用的时候注意路径！！主要在JS中！JS附有详细注释 效果：按键提示：[键盘按键]素材：图片名字与代码里对应1、背景图片：tetris.png2、失败时候的弹出框图片：game...
有了Slip.js，你只管写HTML，CSS，如果逻辑简单，一行JS代码就可以搞定，大大提升了开发的效率。不吹牛，上面的demo，不到半小时我就写好了。 具体怎么做呢？比如有个需求是： 我们有4个页面，每个页面有一张图片，每次手指滑动都切换一整屏。 首先看HTML：......最后看JS：var container = document.getElementById('container'); var pages = document.querySelectorAll('.page'); var slip = Slip(container, 'y').webapp(pages...
平时工作中写网页涉及的运动往往都非常简单，比如改变宽高，透明度，位置，是最常用的几种形式，为了省事，整合了下，于是就有了下面这个东东： 兼容：IE系列、chrome、firefox、opera、Safari、360/*javascript简易运动Move.action(dom对象,json格式属性值对，缓动参考值，回调方法)示例：var box = document.getElementById('Ele');Move.action(box,{width:500,height:200,left:200,top:100,marginLeft:10,opacity:.5},5,functio...
直接上代码index......文本打印区域............文本打印区域............文本打印区域............文本打印区域............文本打印区域...... 代码 jquery.PrintArea.min.js：(function(c){function g(){var b=""+d.popTitle+"";c(document).find("link").filter(function(){return"stylesheet"==c(this).attr("rel").toLowerCase()}).filter(function(){var a=c(this).attr("media");return void 0==a!1:""==a.toLowerCase(...
废话不多说了，直接给大家贴js代码了，代码附有注释，感兴趣的朋友一起学习吧。/*** Author: laixiangran.* Created by laixiangran on 2015/12/02.* 检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统* ********************************************************************* 各版本浏览器在windows10.0下的用户代理字符串：* Google Chrome 45.0.2454.85 —— "Mozilla/5.0 (Windows NT 10.0; WOW64) ...
WEB前端解压ZIP压缩包web前端解压zip文件有什么用：只考虑标准浏览器的话， 服务器只要传输压缩包到客户端， 节约了带宽， 而且节约了传输时间， 听起来好像很厉害的说；如果前端的代码很多， 而且包含大副的图片，那么就可以把js和css和jpg和png等各种数据通过服务端打包成zip传送到浏览器， 浏览器负责解压， css实用动态生成插入到dom中，js也用globalEval直接执行， jpg或者png各种图片文件由blob流转化为image， 直接插入到浏...
本文实例讲述了js实现动态添加或删除网址功能的方法。分享给大家供大家参考，具体如下： 运行效果图：具体代码如下脚本之家function add(){var name = document.getElementById("name").value;var url = document.getElementById("url").value; var list = document.getElementById("list");//动态创建节点var link = document.createElement("a");link.setAttribute("href",url); //设置属性link.innerHTML = name; //增加删除的按...
本文实例讲述了jQuery实现网页顶部固定导航效果代码。分享给大家供大家参考，具体如下： 运行效果截图如下：具体代码如下：无标题文档$(function(){$("#wrap ul li ").css("width",760 / $("#wrap ul li").size());$(window).scroll(function(){var h = $(this).scrollTop()+2;$("#wrap").css("top",h);});$("#wrap ul li:even").css("background","#ddd")$("#wrap ul li").hover(function(){$(this).css("background","#0f0");},f...