功能介绍 整个复选框是包含多级,可能有父级,可能有子级,在勾选复选框时,要做两种判断:1要判断它下面有没有子级,有子级将子级的选中状态checked变得和自己一样。2要判断它是否有父级,有父级勾选时判断同级兄弟是否都是选中状态,如果选中将父级勾选上;取消勾选时将父级的勾选状态变为false 复选框交互要实现的效果如下: 实现思路说明 1.设计一种方式让我们知道谁是自己的父级谁是自己的子级。我是用的<input>的name和id值标...
九宫格随机抽奖功能实现:在选择的时候方格的轮转速度先慢后快再慢的效果代码如下: <div class="container"><div class="block1 block">小米笔记本</div><div class="block2 block">iPhoneX</div><div class="block3 block">PS4游戏机</div><div class="block4 block">谢谢参与</div><div class="block5 block">开始抽奖</div><div class="block6 block">索尼电视机</div><div class="block7 block">西门子冰箱</div><div class="...
一 实现原理根据当前页面滚动条的高度判断当前页面应当与导航栏中哪个导航相关联,并对相应的导航设置高亮样式。二 代码解析先简单写一个页面顶端的导航栏:<nav> <ul> <li><a class="nav active" href="#nav1">导航1</a></li> <li><a class="nav" href="#nav2">导航2</a></li> <li><a class="nav" href="#nav3">导航3</a></li> <li><a class="nav" href="#nav4">导航4</a></li> </ul></nav>注意这里第一个导航初始添...
前面楼主简单介绍了JavaScript数据结构栈的实现,http://www.cnblogs.com/qq503665965/p/6537894.html,本次将介绍队列的实现。 队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表。进行插入操作的端称为队尾,进行删除操作的端称为队头。 队列的两种主要操作是:向队列中插入新元素和删除队列中的元素。插入操作...
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2<html> 3<head> 4<title> 九九乘法表 </title> 5<meta charset="UTF-8"> 6<script type="text/javascript"> 7 8var str =‘<table width="600" align="center" border="1" rules="all">‘ ;9for (var i=1;i<=9; i++){ 1011 str +=‘<tr>‘; 1213for (var j=1;j<=i ;j++ ){ 1415 s...
放大镜效果主要涉及3个鼠标事件:1.onmouseover,鼠标移入浮动小方块和显示放大的区域显示;2.onmousemove,鼠标移动,小方块和放大区域一起移动;3.onmouseout,鼠标移除小方块和放大区域消失。其实放大镜效果最主要的是小方块与放大区域的比例及位置: <div id="small_box"><div class="small_Pic"><div id="float_box"></div><img src="1.png" /></div></div><div id="big_box"><div class="big_Pic"><img src="1.png" /></di...
(function(){ var stringUtils = { //TODO 单词首字母大写 initCap : function( param ){ param = param || ""; var str = param.toLowerCase(); str = str.replace(/\b\w+\b/g,function( arg ){ return arg.substring(0,1).toUpperCase() + arg.substring(1); }); return str; } }; window.stringUtils = stringUtils;})( window);原文:http://www.cnblogs.com/Ming2020/p/4931131.html
一、实现点击按钮,复制文本框中的的内容<script type="text/javascript"> function copyUrl2() { var Url2=document.getElementById("biao1"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert("已复制好,可贴粘。"); } </script> <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea> <input type="button" onClick="copyUrl2()" value="点击复制代码" />二、复制专...
方法一:非文本框、文本域的选中内容方法<!Doctype html> <html><head><script type="text/javascript" src=‘http://libs.baidu.com/jquery/2.0.0/jquery.js‘></script><body><div onclick="SelectText(‘myDiv‘)">点击选中</div><div id="myDiv">测试选中内容<p>eee</p>测试</div><script>function SelectText(element) {var browserName=navigator.userAgent.toLowerCase(); var text = document.getElementById(element);i...
1)普通函数实现function cloneObject(obj) {if (obj === null || typeof obj !== ‘object‘) {return obj;}var temp = obj.constructor(); // give temp the original obj‘s constructorfor (var key in obj) {temp[key] = cloneObject(obj[key]);}return temp; }var bob = {name: "Bob",age: 32};var bill = cloneObject(bob);bill.name = "Bill";console.log(bob);console.log(bill);2)通过json方法实现var bob = {name: "Bob...
$(‘#exitSystem‘).on(‘click‘,function(){if(confirm("确定要退出系统并关闭浏览器吗?")){//关闭浏览器的方法只适用ie浏览器。不适用谷歌window.opener = null; //如果没有这行和下面的一行则会出现上面的第二个询问框。window.open(‘ ‘, ‘_self‘, ‘ ‘); window.close();}});原文:http://www.cnblogs.com/bb1119/p/7364543.html
上午主要编写了倒计时的功能,用了两种算法,一种是最终秒数、分钟数、小时数减去当前的秒、分钟和小时,当然要重点注意的就是借位的问题。另一种算法就是将最终时间转换成秒数,当前时间转换成秒数,相减之后再换算成小时、分钟和秒,再分别显示出来。 下面是我编写的代码: 1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>倒计时</title>6 </head>7 <body>8 <span id="time"></s...
<!DOCTYPE html><html><head><meta charset="utf-8"/><script type="text/javascript"> function go(arrs){ //将一个字符串解析后放入ul标签中var node=document.getElementById('list').firstChild;node.appendData('\n');for(var j=0;j<arrs.length;j++){node.appendData('<li>'+arrs[j]+'</li>');} } var xmlhttp; function load(){ //点击事件触发跳转alert("load");var id = document.getElementById("id").value;aler...
1.参考利用 Python + Selenium 自动化快速截图利用 Python + Selenium 实现对页面的指定元素截图(可截长图元素)使用python获取系统所有进程PID以及进程名称 python锁定焦点到指定进程窗口的参考方法 2.改进js代码,下拉和上拉,精确判断加载是否结束#!/usr/bin/env python# -*- coding: UTF-8 -*import timefrom selenium import webdriverfrom selenium.webdriver.support.ui import WebDriverWaitfrom selenium.common.exceptio...
利用JavaScript实现banner图手风琴效果 2018-01-14这一篇文章主要是利用纯JavaScript实现手风琴效果代码,希望能给您带来一定的帮助,感兴趣的小伙伴可以进行一个参考。首先我给大家先介绍一下为什么实现的效果为什么叫做手风琴吧,可能大家都见过手风琴,没错,就是这样的一个...