![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端demo
文章平均质量分 50
zhaihaohao1
这个作者很懒,什么都没留下…
展开
-
web前端,jquery对元素及属性进行获取,设置,添加,删除
jQuery基础----11jQuery HTML-捕获http://blog.csdn.net/zhaihaohao1/article/details/47702411jQuery基础----12jQuery HTML-设置http://blog.csdn.net/zhaihaohao1/article/details/47702427 jQuery基础----1原创 2015-11-12 15:54:47 · 400 阅读 · 0 评论 -
web前端,javascript元素及属性进行获取,设置,添加,删除
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>-->hello0获取元素的值 function demo0(){ alert(document.getElementById("pid00").innerText); }得到A的属性得到属性值 function getA原创 2015-11-12 15:44:45 · 601 阅读 · 0 评论 -
jquery实现悬浮栏上下滑动点击
源码下载:原创 2015-11-11 07:26:20 · 1082 阅读 · 0 评论 -
js图片文字上下自动滚动
源码下载:原创 2015-10-25 15:15:42 · 696 阅读 · 0 评论 -
cssZ-index,背景图片,权重
Z-index就是z轴的方向。html>z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。-->html>head lang="en"> meta charset="UTF-8"> title>title> style> *{ padding: 0;原创 2015-10-25 15:14:14 · 2948 阅读 · 0 评论 -
css相对定位,绝对定位,static定位
http://www.w3school.com.cn/css/css_positioning.asp-->html>html>head lang="en"> meta charset="UTF-8"> title>title> style> *{ padding: 0; margin: 0;原创 2015-10-25 15:10:05 · 1543 阅读 · 0 评论 -
Xampp+Xdebug+netbeans安装配置(php开发工具)
Xampp+Xdebug+netbeans安装配置1,首先去下载NetBeans,目前最新版是NetBeans 8.0,注意选哪个带有PHP插件的。为了方便起见,我下载的是包含了Full Features的版本。给个链接:http://netbeans.org/downloads/start.html?platform=windows&lang=zh_CN&option=a转载 2015-10-18 08:12:11 · 1750 阅读 · 0 评论 -
web前端,竖直,水平菜单总结2,toggle()显示隐藏切换
html>http://www.w3school.com.cn/jquery/jquery_hide_show.asp-->html>head> script src="jquery-2.1.4.min.js">script> script type="text/javascript"> $(document).ready(function(){原创 2015-10-03 08:55:45 · 988 阅读 · 0 评论 -
web前端,竖直,水平菜单总结1,show()显示,hide()隐藏
html> http://www.w3school.com.cn/jquery/jquery_hide_show.asp-->html>head> meta charset="UTF-8"> script src="jquery-2.1.4.min.js">script> script type="text/javascript"> $(do原创 2015-10-03 08:54:42 · 1844 阅读 · 0 评论 -
web前端,jquery实现列表点击条目改变样式并拿到属性值总结3data-*
html>http://www.w3school.com.cn/tags/att_global_data.asp-->html>head lang="en"> meta charset="UTF-8"> title>title> script src="jquery-2.1.4.min.js">script> script> $(docu原创 2015-10-03 08:53:36 · 503 阅读 · 0 评论 -
web前端,jquery实现列表点击条目改变样式并拿到属性值总结2attr()
html>http://www.w3school.com.cn/jquery/attributes_attr.asp-->html>head> meta charset="UTF-8"> script type="text/javascript" src="jquery-2.1.4.min.js">script> script type="text/javascr原创 2015-10-03 08:52:12 · 547 阅读 · 0 评论 -
web前端,jquery实现列表点击条目改变样式并拿到属性值总结1index()
html>http://www.w3school.com.cn/jquery/dom_element_methods_index.asp-->html>head> meta charset="UTF-8"> script type="text/javascript" src="jquery-2.1.4.min.js">script> script type="te原创 2015-10-03 08:50:55 · 786 阅读 · 0 评论 -
web前端,标签切换总结5load()加载新的html界面
html>meta charset="UTF-8">html>head> script src="jquery-2.1.4.min.js"> script> script> $(document).ready(function(){ $("#btn1").click(function(){ $原创 2015-10-02 14:48:22 · 1373 阅读 · 0 评论 -
web前端,标签切换总结4removeClass() 去除元素的类
html>html>head> meta charset="UTF-8"> script src="jquery-2.1.4.min.js">script> script> $(document).ready(function(){ $("button").click(function(){ $原创 2015-10-02 14:46:39 · 677 阅读 · 0 评论 -
web前端,标签切换总结3addClass()添加类
html>html>head> meta charset="UTF-8"> script src="jquery-2.1.4.min.js">script> script> $(document).ready(function(){ $("button").click(function(){ $原创 2015-10-02 14:45:03 · 670 阅读 · 0 评论 -
web前端,标签切换总结2setTimeout()延时执行clearTimeout()
html>html>head lang="en"> meta charset="UTF-8"> title>title> script src="jquery-2.1.4.min.js">script>head>body>script> $(document).ready(function(){ $("button").click(fu原创 2015-10-02 14:43:43 · 1144 阅读 · 0 评论 -
web前端,标签切换总结1mouseover,mouseout
html>html>head> meta charset="UTF-8"> script type="text/javascript" src="jquery-2.1.4.min.js">script> script type="text/javascript"> $(document).ready(function(){原创 2015-10-02 14:41:42 · 658 阅读 · 0 评论 -
web前端,标签切换
源码下载:参考视频:原创 2015-10-02 14:40:08 · 745 阅读 · 0 评论 -
web前端,实现上下翻页,支持鼠标滑动翻页h5+css+jq
源码下载:原创 2015-10-01 21:01:45 · 6698 阅读 · 0 评论 -
web前端,jquery实现瀑布流总结7,jq动态添加div等元素
html>http://www.w3school.com.cn/jquery/attributes_attr.asp-->html>head lang="en"> meta charset="UTF-8"> title>title> script src="jquery-2.1.4.min.js">script> script> $(docu原创 2015-10-01 16:08:21 · 1468 阅读 · 0 评论 -
web前端,jquery实现瀑布流总结6,jQuery 事件 - scroll() 方法 滚动
html>html>head> meta charset="UTF-8"> script type="text/javascript" src="jquery-2.1.4.min.js">script> script type="text/javascript"> x=0; $(document).ready(function(){原创 2015-10-01 16:07:04 · 406 阅读 · 0 评论 -
web前端,jquery实现瀑布流总结5,jQuery CSS 操作 - css() 方法
html>http://www.w3school.com.cn/jquery/css_css.asp-->html>head> meta charset="UTF-8"> script type="text/javascript" src="jquery-2.1.4.min.js">script> script type="text/javascript">原创 2015-10-01 16:05:42 · 315 阅读 · 0 评论 -
web前端,jquery实现瀑布流总结4,数组
html>html>body>script type="text/javascript"> var mycars = new Array() mycars[0] = "liubei01" mycars[1] = "guanyu02" mycars[2] = "zhangfei03" for (i=0;imycars.length;i++)原创 2015-10-01 16:04:28 · 347 阅读 · 0 评论 -
web前端,jquery实现瀑布流总结3,Math.floor()对数进行下舍入
html>html>head lang="en"> meta charset="UTF-8"> title>title>head>body>script type="text/javascript"> document.write(Math.floor(0.60) + "") document.write(Math.floor(0.40) + "")原创 2015-10-01 16:03:24 · 665 阅读 · 0 评论 -
web前端,jquery实现瀑布流总结2,each遍历
html>html>head> meta charset="UTF-8"> script type="text/javascript" src="jquery-2.1.4.min.js">script> script type="text/javascript"> $(document).ready(function(){ $原创 2015-10-01 16:02:02 · 497 阅读 · 0 评论 -
web前端,jquery实现瀑布流总结1,eq()函数的用法
html>html>head> script type="text/javascript" src="jquery-2.1.4.min.js">script> script type="text/javascript"> $(document).ready(function(){// 选择第一个p元素,并把其背景设置成红色原创 2015-10-01 16:00:34 · 605 阅读 · 0 评论 -
web前端,jquery实现瀑布流(鼠标滚动不断加载)
源码下载:参考视频:http://www.jikexueyuan.com/course/264.html原创 2015-10-01 15:51:35 · 1595 阅读 · 0 评论 -
web前端,js实现div隐藏显示
显示/隐藏 function toggle(targetid){ if (document.getElementById){ target=document.getElementById(targetid); if (target.style.display=="bl原创 2015-09-28 20:45:34 · 4852 阅读 · 0 评论 -
web前端,html+css+jquery实现水平菜单
用到的知识点:1 列表,常用属性2 a元素,常用属性3 显示隐藏4 jquery点击事件,划过事件html:html>html>head lang="en"> meta charset="UTF-8"> title>菜单title> link href="menu02.css" rel="stylesheet"原创 2015-09-27 14:05:23 · 1270 阅读 · 0 评论 -
web前端,html+css+jquery实现竖直菜单
用到的知识点:1 列表,常用属性2 a元素,常用属性3 显示隐藏4 jquery点击事件,划过事件效果:html:html>html>head lang="en"> meta charset="UTF-8"> title>菜单title> link href="menu01.css" rel="st原创 2015-09-27 14:02:05 · 1698 阅读 · 0 评论 -
web前端,jquery实现列表点击条目改变样式并拿到属性值
例子1:完整代码:html>html>head> meta charset="UTF-8"> script type="text/javascript" src="jquery-2.1.4.min.js">script> script type="text/javascript"> $(document).ready(function原创 2015-09-18 22:55:02 · 2304 阅读 · 0 评论 -
web前端,html+css常用元素,属性总结
1 水平居中 内容居中 text-align: center 容器居中 margin: 0 auto;2 竖直居中 和父元素的高度一样就能竖直居中 height: 20px; 3 display 设置成内联元素(多个元素在一行) display: inline; 设置成块级元素 display:原创 2015-09-16 09:24:44 · 695 阅读 · 0 评论 -
web前端,鼠标放上去出现下拉框html+css
dl{ width: 100px; display: none; margin-top: -20px; text-align: center; } dl dt{ border-bottom: solid #000 1px;原创 2015-09-15 21:15:36 · 20255 阅读 · 1 评论 -
web前端,仿oppo手机项目html+css
源码下载:参考视频原创 2015-09-12 10:57:06 · 3319 阅读 · 0 评论 -
HTML5----Map标签
参考:http://www.jb51.net/w3school/tags/tag_map.htm原创 2015-09-11 20:02:45 · 1638 阅读 · 0 评论 -
web前端美站库-----把数据插入数据库,并读取所有数据
源码下载:http://download.csdn.net/download/zhaihaohao1/9092337http://原创 2015-09-09 20:54:33 · 1979 阅读 · 0 评论 -
web前端 js中函数的两种常见写法
html>html>head lang="en"> meta charset="UTF-8"> title>title>head>body> button onclick="demo01()">按钮01button> button onclick="demo02()">按钮02button>script> //方法1 function dem原创 2015-08-30 08:15:15 · 750 阅读 · 0 评论 -
web前端 js写的俄罗斯方块
效果图:代码:html:html>html>head lang="en"> meta charset="UTF-8"> title>俄罗斯方块title> script src="js01Dia.js">script>head>body>body>html>js:/** * Created by hao on 2015/8/29原创 2015-08-30 08:13:54 · 2253 阅读 · 0 评论 -
web前端html+css常用布局05列表布局
web前端html+css常用布局05列表布局注意:引入jquery的jquery-2.1.4.min.js包图片从自己目录中路径。代码:html>html>head lang="en"> meta charset="UTF-8"> title>title> script src="jquery-2.1.4.min.js">script>原创 2015-08-27 20:55:37 · 1320 阅读 · 0 评论 -
web前端html+css常用布局04
.p1{ text-align:center; font-family:"微软雅黑"; font-size:20px; } .p2,.p3,.p4,.p5,.p6{ color: #222; font-size: .875em;原创 2015-08-25 20:32:03 · 474 阅读 · 0 评论