笔记

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>*{margin:0;padding:0;}ul{padding:50px300px;}li{list-style:none;height:50px;line-height:50px;}li:not(:first-child)input{width:30p ...

marie0119

marie0119|取3种颜色,然后mouseover,mouseout看看

发布于 昨天 22:37 浏览:16 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>li{list-style:none;height:30px;margin-bottom:3px;}</style><script>window.onload=function(){varaLi=document.getElementsByTagName('li');vararrColor=['pink ...

记忆随风湮灭

记忆随风湮灭|js图片轮播

发布于 昨天 22:12 浏览:21 类型:原创 - 随笔 分类:JavaScript 举报

[b][/b]为什么感觉有的轮播那么复杂感觉好渣啊!~html代码效果预览<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset= ...

Scoripion

Scoripion|关于JS选取className的疑惑 求答疑

发布于 昨天 21:55 浏览:15 类型:原创 - 随笔 分类:JavaScript 举报

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>寻找className</title><scripttype="text/javascript">functiongetByClass(oparent,oclassname){varochild=oparent.getElementsByTagName ...

大大大大糖糖

大大大大糖糖|部分动态效果

发布于 昨天 21:48 浏览:21 类型:原创 - 随笔 分类:JavaScript 举报

萤火虫html代码效果预览<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>萤火虫</title><style>*{pa ...

里羊羊羊

里羊羊羊|前端学习-javascript(三)

发布于 昨天 21:39 浏览:16 类型:原创 - 随笔 分类:JavaScript 举报

查找HTML元素document.getElementById("id")//返回一个对象document.getElementByTagname("p")//返回一个数组document.getElementByClassname("class")//返回一个数组ie8以下无效document.querySelector("idclasstagName")//返回第一个匹配的对象document.querySelectorAll("idclasstagName") ...

791617623

791617623|测试的demo

发布于 昨天 20:09 浏览:35 类型:原创 - 随笔 分类:JavaScript 举报

还有字数限制吗,这是一个vuedemo、不知道是什么样的 ...

ljz1490614196

ljz1490614196|jQuery获取页面及元素高度、宽度的总结

发布于 昨天 18:10 浏览:40 类型:原创 - 随笔 分类:JavaScript 举报

1.获取浏览器显示区域(可视区域)的高度:javascript代码效果预览$(window).height();2.获取浏览器显示区域(可视区域)的宽度:javascript代码效果预览$(window).width();3.获取页面的文档高度:javascript代码效果预览$(document).height();4.获取页面的文档宽度: ...

d1142464662

d1142464662|JS 三目表达式问题

发布于 昨天 16:55 浏览:13 类型:原创 - 随笔 分类:JavaScript 举报

三目表达式相信大家都不陌生,写起来简洁又方便,关于它和ifelse的效率问题有许多争论,之前看过java中关于两种效率的比较,结果似乎是三目表达式更具优势,而在javascript中也是同样的解决么?在开始尝试前,先介绍下三目表达式:conditions?statementA:statementB;首先是关于效率问题:在少量循环 ...

JS 三目表达式问题
ywhluck

ywhluck|常见的工具条效果

发布于 昨天 16:01 浏览:71 类型:原创 - 随笔 分类:JavaScript 举报

1.二维码展示功能;2.“回到顶部”功能。(选择“全屏预览”,滑动滚动条,查看回到顶部功能)index.html效果预览<!doctypehtml><htmllang="zh-CN"><head><metacharset="utf-8"/><title>工具条</title><scripttype="text/javascript"src="https://code.jquery.com/jquery-3.1.1.min.js"></script><styletyp ...

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script></head><body><inputtype="checkbox"id="checkbox"value="1"onclick="check()"/>水果<br/><inputtype="checkbox"value="$ ...

1564291580

1564291580|自己写的JQ轮播图

发布于 昨天 15:26 浏览:77 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><styletype="text/css">*{padding:0px;margin:0px;}ul{list-style:none;-webkit-padding-start:0px;width:2800px; ...

luo8481824

luo8481824|背景切换(小特效)

发布于 昨天 14:40 浏览:112 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">*{margin:0;padding:0;}body,html{width:100%;height:100%;overflow:hidden;position:relative;}ulli{list-style:none;}i ...

632855323gjp

632855323gjp|Javascript仿京东放大镜的效果

发布于 昨天 11:29 浏览:160 类型:原创 - 随笔 分类:JavaScript 举报

随便找一个图片吧。小伙伴们,想怎么玩就怎么玩(注意路径),亲自测试,绝对没问题。html代码效果预览<html><head><metacharset="utf-8"><styletype="text/css">body,div{margin:0;padding:0;}#zhuti{margin:50px;position:relative;}#small{width:300px;height:187px;border:1pxsolid#000;}# ...

632855323gjp

632855323gjp|JavaScript拖动层Div代码

发布于 昨天 11:23 浏览:104 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title><styletype="t ...

632855323gjp

632855323gjp|Ajax 实现不刷新取最新商品

发布于 昨天 11:12 浏览:144 类型:原创 - 随笔 分类:JavaScript 举报

<?php$conn=mysql_connect('localhost','root','123456')ordie('连接失败');mysql_select_db('ecshop');mysql_query('setnamesutf8');$attr=isset($_GET['attr'])?$_GET['attr']:'is_hot';&n ...

qdw_linyue1102

qdw_linyue1102|模拟滚动条

发布于 昨天 11:01 浏览:108 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>试试</title><scriptsrc="http://code.jquery.com/jquery-1.8.0.min.js"></script><style>.box{width:300px;height:400px;overflow:hidden;border:1pxsolid#e4e4e4;}.main{w ...

785393122

785393122|canvas写的点连线动画

发布于 昨天 10:49 浏览:96 类型:原创 - 随笔 分类:JavaScript 举报

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>小小根据地</title><styletype="text/css">a{&n ...

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">*{margin:0;padding:0;}body{width:460px;margin:0auto;font-family:"微软雅黑";}.search{height:23px;line- ...

13751343826

13751343826|JS拖拽效果

发布于 前天 23:45 浏览:137 类型:转载 - 随笔 分类:JavaScript 举报

看了本站大神的笔记,终于找到了自己写的拖拽程序错在哪,在此致谢!下面代码和注释.html代码效果预览<metacharset="UTF-8"><metaname="Generator"content="EditPlus®"><metaname="Author"content=""><metaname="Keywords"content=""><metaname="Description"content=""><title>Doc ...