html+css+js+jq
明天去哪
博观而约取,厚积而薄发.每天坚持写代码
展开
-
QQ面板切换效果(web版)【实例】
拖动 帐 号: 密 码: 状态 下 在线原创 2015-11-22 10:41:10 · 895 阅读 · 0 评论 -
jquery常用插件
validate插件 $(form).validate({options}) 表单插件 $(form). ajaxForm ({options})var options = { url: "http://www.imooc.com/data/form_f.php", target: ".tip" }原创 2015-11-23 23:20:52 · 328 阅读 · 0 评论 -
css之菜单制作
垂直菜单,水平菜单圆角菜单 background: url("btnBg.png"); background-position: 0 -30px; 伸缩菜单 .on,a:hover { background-color: #f60; margin-top: -10px; line-height: 40px; height: 40px; color:white; } 可以利用原创 2015-11-18 15:35:04 · 373 阅读 · 0 评论 -
javasript 基本语法
js放在head中则先执行,放在body则后执行,如果时调用性函数,则没有影响常用语句 输出内容 document.write() ;//可用于直接向 HTML 输出流写内容,可以输出html标签警告 alert(字符串或变量); 确认(confirm 消息对话框),comfirm();//属于模式对话框,返回boolean提问(prompt 消息对话框),prompt(str1, st原创 2015-11-18 20:53:44 · 1612 阅读 · 0 评论 -
css列布局
css的网页布局 (1)一列布局 (2)两列布局 自适应的 固定宽度的(放在一个父块中即可) (3)三列布局(自适应源代码) body{margin: 0;padding: 0;} .left { width: 200px; height: 500px; background: #ccc;原创 2015-11-17 21:20:49 · 358 阅读 · 0 评论 -
html基本标签大全
head 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有title、script、 style、link、 meta等标签注释的语法< !–注释文字 –><a href="#"></a> #表示是链接到本页表示强调: 浏览器中<em> 默认用斜体表示,<strong> 用粗体表示<p><span>标签是没有语义的,它的作用就是为了设置单独的样式用的span{color:blue原创 2015-11-17 00:26:15 · 533 阅读 · 0 评论 -
css网页布局基础
块级元素,行级元素都是盒子模型三种定位机制:标准文档流、浮动(float)及绝对定位 margin auto;(1)设置了浮动的元素仍然处于标准文档流中 (2)当设置浮动,没有输入内容,就会缩成一个点 (3)浮动会影响接下来的下一个元素 (4)清除浮动: clear:both width:100%;overflow:hidden; 当父块上的两个元素设置浮动,原创 2015-11-17 23:49:46 · 435 阅读 · 0 评论 -
js语法2
定义数组 var myarr=new Array(); var myarray= new Array(8); //创建数组,存储8个数据。 创建的新数组是空数组,没有值,如输出,则显示undefined myarray.length //数组长度js中的函数在函数头中不声明返回值类型,直接返回就可以了 事件 加载页面时,触发onload事件,事件写在标签内,语法<body onlo原创 2015-11-18 23:45:11 · 390 阅读 · 0 评论 -
dom事件
事件流 事件处理程序 html处理程序,直接嵌入(用的比较少)DOM0级处理程序, Dom2处理程序(在ie中不起作用) 布尔值中true表示捕获阶段处理,false表示冒泡阶段处理 事件名要去掉onIe处理程序 跨浏览器的处理程序 使用方法:eventUtil.addHandler(btn,’click’,show);事件对象Event dom ie原创 2015-11-19 12:32:23 · 324 阅读 · 0 评论 -
滑动菜单(实例)
实践题 - 选项卡 /* CSS样式制作 */ // JS实现选项卡切换 房产 家居 二手房 175万购昌平邻铁三居 总价20万买一居 200万原创 2015-11-19 09:43:30 · 355 阅读 · 0 评论 -
Dom操作
IE浏览器不支持字符表示,故尽量用数值常量表示console.log();可以在浏览器控制窗口打印domready事件的实现 setTimeout ()window.onload=;//当所有文档加载完成之后执行嵌套规则原创 2015-11-19 09:36:51 · 363 阅读 · 0 评论 -
[实例]网页定位导航
<!doctype html><html><head> <meta charset="UTF-8"> <title>地狗购物网-网页定位导航效果</title> <style> * { margin: 0; padding: 0; } body { fon原创 2015-12-29 19:17:04 · 611 阅读 · 0 评论 -
SEO搜索引擎优化
代码优化 为了方便se的搜索,需要进行代码的优化<meta keywords> <meta description> 语义化代码,方便任何se理解 <h*>, <ol>, <ul> <dl> 定义数据列表 <strong>, <em> 用于强调 `<a> 必须加title, 指向其他网站的a需要加rel="nofollow"<h1>做主标题,<h2>做副标题,原创 2016-06-27 20:39:32 · 6158 阅读 · 0 评论 -
jquery工具类函数
检测对象是否为空$.isEmptyObject(obj);检测对象是否为原始对象$.isPlainObject (obj);检测两个节点的包含关系$.contains (container, contained);字符串操作函数 $.trim (str);URL操作函数 $. param (obj); param和serialize的区别是什么?前者是对任意的参数进行URL地址格式的转换原创 2015-11-23 23:56:34 · 538 阅读 · 0 评论 -
jq UI插件
拖曳插件 $(selector). draggable({options})放置插件 $(selector).droppable({options}) selector参数为接收拖曳元素,options为方法的配置对象,在对象中,drop函数表示当被接收的拖曳元素完全进入接收元素的容器时,触发该函数的调用 拖曳排序插件 $(selector).sortable({options原创 2015-11-23 23:39:48 · 643 阅读 · 0 评论 -
form
form表单 <form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" id="username" value="" /> <label for="pass">密码:</label> <input type="p原创 2015-11-17 17:03:01 · 349 阅读 · 0 评论 -
滚动效果【marquee已被html5弃用】
滚动停止 this.stop 开始 this.start无缝滚动scrolltop,滚动高度原创 2015-11-22 20:15:48 · 17478 阅读 · 0 评论 -
键盘事件抽奖系统实例
<! doctype> <html> <head> <title>抽奖</title> <meta charset="UTF-8"/> <link type="text/css" rel="stylesheet" href="style.css"/> <script type="text/javascript" src="style.js"></scrip原创 2015-11-22 12:13:47 · 583 阅读 · 0 评论 -
jquery语法(2)操作dom元素的一些函数
1. `$("#a1").attr("href" , "www.imooc.com");`//设置 `$("#a1").attr("href");`//获取2. `$("#html").html($content);`//设置 `$("#html").html();`//获取 text与之用法类似,但是html()方法可以获取元素的HTML内容,因此,原文中的格式代码也原创 2015-11-22 21:52:29 · 472 阅读 · 0 评论 -
jquery语法(3)事件
$(document).ready(function(){})等价于$(function(){});//加载事件,只要页面的DOM结构加载后便触发$(selector).bind(event,[data] function)//绑定事件,如onclick等,多个事件名称用空格隔开 $(selector).unbind(event,fun) $(selector).one(event,[data原创 2015-11-22 23:05:11 · 384 阅读 · 0 评论 -
jquery实现动画特效
滑动的显示与隐藏 调用show()和hide()方法显示和隐藏元素 $(selector).hide(speed,[callback])和$(selector).show(speed,[callback])$(selector).toggle(speed,[callback])//实现显示隐藏$(selector).slideUp(speed,[callback])和$(selector).原创 2015-11-22 23:41:47 · 485 阅读 · 0 评论 -
初试jQuey
jQuery1. 选择器(1)基础选择器,常用#id,.class,element,*(2)过滤型选择器,一种是:,一种是[attr==value]常用:first,:last,:eq()(3)表单选择器,:引出2.关于“空格”问题(1.加不加空格效果一样的选择器有::fist,:eq(),:last() 例如:$("li:first")等价$("li:first")原创 2015-09-19 21:25:23 · 359 阅读 · 0 评论 -
css(一)
一般css放在head中注释:在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)三种样式 内联式<p style="color:red">这里文字是红色。</p> 嵌入式 <style type="text/css"> span{ color:red; } </style> 外部式<link href="base.css" rel="原创 2015-11-17 18:46:55 · 379 阅读 · 0 评论 -
css(二)盒子模型和不同元素类型
块级元素 <div>、 <p>、<h1>、<form>、<table>、<ul>、<li> 转化为块级元素 display:block; 特点:(1)每个块级元素都从新的一行开始,并且其后的元素也另起一行。(2)元素的高度、宽度、行高以及顶和底边距都可设置。(3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。内联元素<span>、<a>、原创 2015-11-17 19:02:42 · 767 阅读 · 0 评论 -
css(三)布局模型
流动模型 (Flow) 特征:(1)块状模型水平分布,占据整行,自上而下(2)内敛元素自左而右浮动模型(Float) div{ float:left; } 可以设置块状元素在同一行显示,上述语句是靠左层模型(Layer) 绝对定位(position: absolute) //相对父块相对定位(position: relative)//生成一个新的元素,相对于以前的进行移动,块内的子原创 2015-11-17 19:43:38 · 384 阅读 · 0 评论 -
jquery语法(1)选择器
()===jquery()()===jquery() (“”).html()方法来设置它们显示的内容基础选择器 ("#id"),("#id"),(“ele”),$(“.class”)选择多个元素$(“,”)$(“prev + next”)//参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的原创 2015-11-22 21:18:06 · 642 阅读 · 0 评论 -
jquery实现ajax
load(url,[data],[callback])//使用load()方法异步请求数据,是由一个元素发出请求的 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。使用getJSON()方法异步加载JSON格式数据 jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[d原创 2015-11-23 00:23:25 · 540 阅读 · 0 评论 -
初试javascript
Javascript:1.json中value不能带单位2.在循环中,要用this.getElement…而不能用循环对象的名字(带下标也不行)——————这里不太懂原创 2015-09-19 21:19:30 · 328 阅读 · 0 评论 -
自写前端模板
仅供参考原创 2015-12-03 14:04:59 · 943 阅读 · 0 评论