点击图片让video视频显示并自动播放/循环播放 HTML:video width="100%" height="300" id="video" style="object-fit:fill;"> source src="https://video.mp4" type="video/mp4">video>img src="../images/video.png" id="video2">JS:script type="te
侧边栏选中与取消 $(".conLeft ul li").on('click',function(){ var index = $(this).index(); var conRight = $(".conRight"); $(conRight).hide(); $(conRight).eq(index).show();
子环母图片依次放大,主图保持原状 <script type = "text/javascript"> var count = 0; var id; var width = $(".head").width(); var height = $(".head").height(); function orderShow(index){ $(".head").eq(index).an
改变Placeholder字体颜色 ::-webkit-input-placeholder { /* WebKit browsers */ color: #4a4a4a;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4a4a4a;}::-moz-placeholder { /* Mozilla Firefox 19+ */ colo
公告栏文字上下滚动效果 var textRoll=function(){ var length = $('.jcPrice1 ul li').length; if(length>=4){ $('.jcPrice1 ul li:last') .css({'marginTop':'0rem','opacity': '0'}) .insertBefore('.j
兼容ie8圆角和阴影效果的方法 引入文件:调用Jquery内容:script> window.onload = function(){ if(window.PIE){ $(".class").each(function(){ PIE.attach(this) }); } };script>如果在设置了这些之后
join() 数组: join 的方法var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr.join()) 输出结果:George,John,Thomas$(function(){ var arr = new Array("aaa","bbb","
基于bootstrap的网页开发 1.html5shiv.js的作用是? html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。2.width指令使用device-widt
Bootstrap 基础 1.jquery 要在 bootstrap 之前引用2. (在 IE 运行最新的渲染模式)3. (初始化移动浏览显示)4. (载入Bootstrap的CSS样式)5.每个row 代表一行,要写col 必须在此之前嵌套一个row (可不用设置row的样式)6.container 默认边距有15px 会留白 解决方法:(在container 内设置p
正则/对象 正则表达式(用来查找和检测)方括号[]==需要匹配的字符 花括号{}==需要匹配的数量 圆括号()==用来进行分组caret ^ 表示开始 dollars $ 表示结束 + 表示多个 * 表示0个或者多个 ? 表示0个或者1个 正则^取反[^abc]正则表达式空格也算字符查找数字 \d===[0-9]单词字符 \w=
window对象 window对象 (浏览器对象)window{Dounment 使我们可以从脚本中对HTML页面中的所有元素进行访问; {history 包含用户(在浏览器窗口中)访问过的URL; {location 包含有关当前URL的信息; {navigator 包含有关浏览器的信息; {screen 包含有关客户端显示屏幕的信息;
DOM对象(document) DOM对象(文档对象模型)属性: document title 访问页面的标题 document URL 访问完整的URL document bgcolor 背景颜色 document fgcolor 前景色 改变标题的值: document.title="" *代表所有的标签(文档)
函数 #10.16####函数函数的声明:////解析前声明 function text(x,y){ console.log()}函数表达式:////解析后声明赋值 var test=function(x,y){ console.log(x+y);匿名函数: (function(){ console.log
数组 10.15数组类型var arr=new Array();length:长度;index:索引Array变量arr.reverse()console.log(arr)//反序arr.shift()//移除数组的第一个元素console.log(arr.shift())//只显示第一个值arr.pop()//移除数组的最后一个元素console
js ####流程控制语句if语句(表达式1){语句1 }语句2;执行流程:判断表达式1是否成立,若成立,则先执行语句1,再执行语句2;若不成立,则直接执行语句2;#####window对象:* var a = window.prompt("hello"); console.log("")****if(表达式){语句1
js基础 10.13//为当行的注释;/**/多行注释;合法标识符:第一个字符可以是任意unicode字母包括(数字、字母、大小写),以及美元符号($)和下划(—);数字、*号不允许出现在第一位;关键字不允许当标识符;定义变量加varvar(声明变量) a(变量名);for 循环字符串(string)可以是单引号也可以双引号:var str="";
bootstrap+css属性 xs 手机sm 平板md 大屏幕container 实现居中bootstrap样式small标签设置文本为父容器与字体大小的85%文字变颜色 鼠标移动到文字上颜色变深用a标签address文字换行有空格内嵌列表: 设置class="list-unstyled" class="list-inline"插入图片两边箭
css图片设置居中 display:none 隐藏display:block 显示伪类target 锁定锚点IE很多不支持margin值居中,可以在后面或者设置text-align:center;图片或文字在auto值居中,后缀加text-align:center;布局:
Less定义 #9.29####引入文件####定义空间文本类####text_namespace{####.font(@size,@style,@weight){####font-size:@size;####font-style:@style;####font-weight:@weight;}}####.text(@color,@spacing,@dec){###
CSS盒模型 #9.18#CSS盒模型###padding 内边距padding-toppadding-right padding-bottom padding-left 值不能为负数####边框属性* border 针对边框四个边的属性的声明* border-style设置所有边框的样式* border-width设置所有边框的宽度