javascript
yzxzsp11
这个作者很懒,什么都没留下…
展开
-
JS 实用函数 insertAfter和addLoadEvent 记录
function insertAfter(newElement,targetElement){ //将新元素插入到目标后方 var parent=targetElement.parentNode; if(parent.lastChild==targetElement){ parnet.appendChild原创 2015-10-21 17:09:51 · 114 阅读 · 0 评论 -
jQuery实现简单选项卡
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQ选项卡</title> <style> #div1{ display:none; height: 100px; width: 50px;原创 2016-02-04 20:51:54 · 533 阅读 · 0 评论 -
js实现瀑布流效果(使用绝对定位)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>瀑布流</title> </head> <style> *{ margin: 0; padding:0; } .box{ padding: 5px; floa原创 2016-02-14 19:33:43 · 746 阅读 · 0 评论 -
jquery动画stop()方法简介
<!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> <meta http-equiv="Conten原创 2016-02-12 19:49:05 · 401 阅读 · 0 评论 -
js正则表达式简单例子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js正则表达式</title> </head> <body><textarea id="txt1" rows="10" cols="40"></textarea> <br/> <input type="button" id="btn1" valu原创 2016-01-30 17:10:49 · 317 阅读 · 0 评论 -
js与jquery分别实现手动轮播图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <style> #div1{ width: 500px; height: 420px; margin: 30px auto;原创 2016-02-11 20:53:12 · 625 阅读 · 0 评论 -
js使用cookie保存登陆信息
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>jsCookie</title> </head> <body> <form id="form1" action="http://www.apple.com"> use原创 2016-01-30 09:43:21 · 4937 阅读 · 0 评论 -
js实现div固定在下方
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jsBOM</title> <style> #div1{ width: 100px; height: 200px; background-color:原创 2016-01-29 18:20:23 · 934 阅读 · 0 评论 -
jQuery简单图片提示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FirstJquery</title> <style> ul{ list-style: none; } ul li{ float: left;原创 2016-02-08 20:08:35 · 482 阅读 · 0 评论 -
js面向对象编程以及继承
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js</title> <style> #div1{ width: 200px; height:300px; background-color: #2a原创 2016-01-29 17:08:32 · 243 阅读 · 0 评论 -
jQuery实现简单拖拽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery拖拽</title> </head> <body> <div id="div1" style="width: 200px;height: 200px;background-color: blue;position: absolute"原创 2016-02-06 10:59:17 · 436 阅读 · 0 评论 -
js面向对象基础
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js Object</title> </head> <body></body> <script> //1.简单面向对象 var obj=new Object(); obj.qq='12121212'; obj.na原创 2016-01-29 08:51:31 · 273 阅读 · 0 评论 -
js使用面向对象实现选项卡
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选项卡</title> <style> #div1{ height: 500px; width: 500px; margin:0 auto;原创 2016-01-29 08:50:19 · 658 阅读 · 0 评论 -
js 自定义滑块 实现文字滚动+透明度变化
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js文字滚动+透明度</title> <style> #parent { margin: 0 auto; width: 600px; height:原创 2016-01-27 22:44:36 · 1117 阅读 · 0 评论 -
javascript 简单ajax 框架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ajax</title> <style> #btn1{ width: 50px; height: 30px; } </style> </head> <原创 2016-01-27 22:40:43 · 117 阅读 · 0 评论 -
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offs转载 2016-01-24 14:35:25 · 234 阅读 · 0 评论 -
jQuery实现简单弹出窗口
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery弹出框</title> </head> <body> <input type="button" value="菜单" id="btn1"/> <!--弹出窗口部分代码--> <!--<div style="height: 200px;原创 2016-02-04 20:52:57 · 596 阅读 · 0 评论