!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"meta name="viewport" content="width=device-width, initial-scale=1.0"meta http-equiv="X-UA-Compatible" content="ie=edge"titleDocument/titlestyleb

此方法通用script type="text/javascript"function copyUrl2(){var Url2=document.getElementById("biao1").innerText;var oInput = document.createElement('input');oInput.value = Url2;document.body.appendChild(oInput);oInput.select(); //

script type="text/javascript"$(function() {init1();});function init1() {var text1 = $("div.text1").text(); //先取出未转换格式前端数据var des = text1.replace(/\r\n/g, 'br/', 'p').replace(/\n/g, 'br/', 'p').re

效果图HTMLdiv id="box"div id="tab"ulli class="on"选项卡一/lili选项卡二/lili选项卡三/lili选项卡四/li/ul/divdiv id="content"div class="pic on"ulli class="on" style="background: url(http://www.jq22.com/img/cs/500

效果图HTMLdiv class="box"ul class="menu"li历史/lili文学/lili宗教/li/ulul class="list"li style="background: red"1/lili style="background: black"2/lili style="background: purple"3/li/ul/divCSS * {margin:0;p

效果图 HTMLdiv class="nav"ullidon(0)"翠翠/lilidon(1)"嗯嗯/lilidon(2)"小白/lilidon(3)"小沫/lilidon(4)"同同/li/ul/divdiv class="tiao"div id="zhou" class="zhou" style="left: 0;"div class="ww&

效果图HTMLdivulli class=""关于我们/lili关于产品/lili class="active"加入我们/lili联系我们/lidiv class="line"/div/ul/divCSS* {margin:0;padding:0;list-style:none;}ul {width:800px;margin:0 auto;position:relative;overflow:hidden;}li {float:left;line

使用方法很简单，引入jq，复制页面底部js和头部样式即可演示

在有些网页中我们会发现会有这样的现象：某个div会随着屏幕的滚动达到一定高度的时候位置就固定下来了。例如淘宝的导航条：那么这里就需要用到JS的逻辑方法来实现了。下面是HTML代码简单实现：（记得加总JS才能运行哦）!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8"/style type="text/css"body{width

页面刷新后，对于有tab按钮的页面，每次刷新都默认回到第一个，自己都烦了，想想是别人使用，估计会更烦。于是就百度踩坑呀。效果图镇楼：主要使用到Session Storage，浏览器缓存原理。打开调试器：能看到缓存值：下面我要强迫自己写demo了：div class="demo"gt;ul class="tab-hd clearfix"li class="active"基本信息/lili课程详情/lili视频管理/lili讲义管理/lili习题管理

二话不说，直接下附件研究效果如下：

方法一：script type="text/javascript"$(function() {$("#toggle").click(function() {$(this).text($("#content").is(":hidden") ? "收起" : "展开");$("#content").slideToggle();});});/script调用a href=&

data-toggle 这种以data-开头的格式放在元素上表示元素携带的数据，如：img id="img" src="small.jpg" data-bigimg="big.jpg" / JQuery的data()方法可以直接操作，如： //获取：var bigImage = $("#img").data("bigimg");//注意，这里不用加 data-//设置：$("#img")

邮箱自动补全的内容，在前端输入邮箱的时候系统可以自动补全，这个技能点比较简单，现在写一下我自己的做法：这里需要注意两个点：１、前面用户自己输入，后面@之后的内容自动补全２、当用户输入@时，可以自动为用户匹配相应的邮箱后缀３、用户可以通过点击已匹配好的邮箱输入到框中代码（页面部分）：input id="regemail" class="int-type w-thir" type="text" autocomplete="off"

鼠标悬停到某元素，显示一个div，移开的时候这个元素消失。这是典型的应用场合，主要就是鼠标悬停的一个效果和鼠标移开的效果直接代码贴上来script type="text/javascript"$(function(){$("#nav-mark-btn").hover(function(){$("#mark-info").show();},function(){$("#mark-info").hide();})})/script

在做网站搜索时，我们往往会想到一种很人性化的一点，就是显示提示文字，一般这种效果很多见的，通俗的讲就是鼠标不放上的时候，显示一个“请输入文字”，鼠标放上去的时候，这个文字消失，用js的理解的话，就是鼠标获得焦点的时候更换input的value值，好了，这种效果的代码写法有很多种，大家先看代码：方法一：一行js代码搞定input type="text" name="s" value="提示文字"if (value =='提示文字'

a href="a href="javascript :history.back(-1)"返回上一页/a 或 a href="javascript :;"javascript :history.back(-1);"返回上一页/a 如果是用按钮做的话就是： input type="button" name="Submit"javascript:history.back(-1);" value=&qu

html和JavaScript，用户点击浏览器后退按钮，或者返回上一步自动刷新方式

弹出层，点击按钮后弹出遮罩层，还有关闭按钮