代码片段
露露mary
这个作者很懒,什么都没留下…
展开
-
巧用编辑器正则表达式,批量修改删除超链接
此做法适合经常仿站的猿们,以notepad++为例1. 用notepad++打开htm文件,按ctrl+f打开寻找菜单,选择Replace,在左下角点选regular express2. 输入pattern :在 find what中输<a href=".*?">在replace with里面输入你要替换的东西,我要把链接去掉,可以简单的把链接改为”#”,就可以填写...原创 2019-12-15 23:38:51 · 240 阅读 · 0 评论 -
如何利用JS插入秒表
<!DOCTYPE html><html><head> <title>秒表</title> <style type="text/css"> .miaob { width: 300px; height: 50px; background: black; color:green; bor...原创 2019-03-24 23:24:21 · 168 阅读 · 0 评论 -
动画效果-多个物体运动
<!DOCTYPE html><html><head> <title>动画</title><style type="text/css"> li { width: 200px; height: 50px; list-style: none; background-color: red; mar转载 2019-01-09 23:57:04 · 297 阅读 · 0 评论 -
网站导航
网站导航,包含二级导航。鼠标经过显示,鼠标离开隐藏。 <!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/x...转载 2019-01-05 17:16:55 · 257 阅读 · 0 评论 -
DOM简易登录弹出窗口
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin:0;padding:0;} .head{原创 2018-09-30 00:03:32 · 274 阅读 · 0 评论 -
DOM事件处理及事件对象
//跨浏览器处理程序var eventUtil = {// 添加事件addHandler:function(element,type,hander){ if(element.addEventListener){ element.addEventListener(type,hander,false);}else if(element.attachEvent){ element.at...原创 2018-09-29 00:27:10 · 131 阅读 · 0 评论 -
js窗口尺寸获取常用属性
window.innerHeight(innerWidth):表示可见区域的高度(宽度),如果底部(右侧)有滚动条,会把底部(右侧)滚动条的高度(宽度)计算进去,此方法适用于标准浏览器及IE9+。document.documentElement.clientHeight(clientWidth):表示可见区域的高度(宽度),不会把滚动条的高度宽度计算进去,此方法适用于标准浏览器及低版本IE标准...转载 2018-10-03 01:15:48 · 127 阅读 · 0 评论 -
用js制作学生信息表格,并且可以添加/删除行
制作一个表格,显示班级的学生信息。要求:1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff2. 点击添加按钮,能动态在最后添加一行3. 点击删除按钮,则删除当前行<!DOCTYPE html><html> <head lang="en"> <title> new documen...原创 2018-08-29 22:59:08 · 7139 阅读 · 0 评论 -
原生JS实现tab切换
现在利用之前我们学过的JavaScript知识,实现选项卡切换的效果。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab切换</title> <style type="原创 2018-08-28 23:18:53 · 2777 阅读 · 1 评论 -
导航常用方法
<ul> <li>导航A</li> <li>导航B</li> <li>导航C</li> </ul>横向导航css样式:li {display:inline;list-style: none;} 纵向导航css样式去掉 displ原创 2018-08-27 23:25:19 · 241 阅读 · 0 评论 -
每秒加1的功能,并且可以设置开始和暂停
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>计时器</title><script type="text/ja原创 2018-08-18 17:03:03 · 618 阅读 · 0 评论 -
显示当前时间,并且每秒更新
<html><head><meta charset="gb2312"><title>脚本之家</title><script type="text/javascript">var t = null;function time(){ dt = new Date(); var y=dt.ge原创 2018-08-18 16:59:47 · 4328 阅读 · 0 评论 -
JS计时器,以及取消计时器
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>计时器</title><script type="text/jav原创 2018-08-18 16:58:53 · 4264 阅读 · 2 评论 -
JS获取日期(年/月/日/时/分/秒)&格式转化
很多时候会用JS来表示时间,获取时间或者倒计时。以下代码可以用到。var myDate = new Date(); //例如:Thu Aug 16 2018 23:02:06 GMT+0800 (中国标准时间)myDate.getFullYear(); //获取完整的年份(例如:2018)myDate.getMonth(); //获取当前月份(0-11,...原创 2018-08-18 16:57:55 · 2907 阅读 · 0 评论 -
快速获取今天是星期几
var str = "今天是星期" + "日一二三四五六".charAt(new date().getDay());原创 2018-08-18 16:56:40 · 836 阅读 · 0 评论