jQuery之动画效果 1.show()显示效果 语法:show(speed,callback) Number/String,Function speend为动画执行时间,单位为毫秒.也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数.   show(speed,[easing],callback) Number/String easing默认是swing,可选linear; $("#div1&qu

鼠标点击输入框文字消失 value实现方法  placeholder实现方法     以及JQ实现placeholder效果 <input type="text" value="请输入手机号" id="demo" class="inp-fon"> <input type="text" value="请输入银行卡号" id="demo" class=&

最新在学习JS写一些实用的小玩意——手风琴 CSS样式: <style type="text/css"> * { margin: 0px; border: 0px; padding: 0px; } .leftli { float: left; width: 200px; background: #3D4444; } ul li { display: block; line-height: 25px; width: 200px; height: 25px; list-styl

一.文字索引效果展示: html布局代码 <ul class="n_areaList"> <li> <h5>当前选择区域</h5> <p>北京市</p> </li> <li> <h5>定位区域</h5> <p>北京市</p> </li> <li> <h5>A</h5> <a href=&qu

1.弹出框 <style> .mask { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.6); } .mask .login { width: 500px; height: 350px; background: #fff; margin: 150px auto; } </style> <a href="#&quo

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding:0; margin:0; } ul,ol{ list-style: none; } a{ text-decoration:

<style> .x_sdbb { margin: 60px 0 40px 0; } .x_title2{ background: url(../images/hdb_img17.png) no-repeat; height: 50px; font-size: 30px; color: #049dff; padding-left: 70px; letter-spacing: 1px; padding-top: 3px; margin-bottom: 30px; } .x_sdbb .x_con

1 .html <div style="margin:50px auto;width:900px;overflow:visible;"> <div id="test_01" class="test"></div> <div id="test_02" class="test"></div> <div id="test_03"

$(".meun>div[name='meun_nav']>a").eq(1).on("click",function(){ $("body").animatescroll({ "scrollSpeed":400, "easing":"easeInOutQuart", "padding": -asideTop, }); });

function contentTop(top){ $('body,html').animate({ scrollTop: top }, 500 ); } 获取元素top传入即可 contentTop($("#top8").offset().top);

还是这个梗,收好冷.今天是一个css3模拟jq点击事件,因为我发现,css3中没有类似于,js的点击事件,那么,可不可以仿照 jq的效果,类似的做一个呢?主要用到,input里面的radio 单选按钮,然后后面跟一个a标签,让radio覆盖在a上,那为什么不直接 把 a放在radio上面呢?因为选择器 + 好选择嘛,用radio的功能,a来修饰按钮样式,再把radio 隐藏,这里要用opacity(透明度) 这就是,主要原理! 上视图吧 <!DOCTYPE html> <html>

一.数据的随机抽取 都见过那种考试题从很多题中随机抽取几道的试卷吧,现在就要做这样的一个例子:从数据库中随机抽取几条数据出来显示(例如:一百中随机挑选50条) 随机挑选是要有提交数据的,所以肯定是要有可视化界面和后台处理页面 (1)提交界面 a.使用表单提交(做出一个表单来,这都是页面布局的程序了,在这不多说肯定都会使用from表单)如下: <form action="nt.php" method="post"> <div class="

https://www.jianshu.com/p/3522fe70de19 https://www.jianshu.com/p/6de3cfdbdb0e 1. jq简介 jq可以对json数据进行分片.过滤.映射和转换,和sed.awk.grep等命令一样,都可以让你轻松地把玩文本.它能轻松地把你拥有的数据转换成你期望的格式,而且需要写的程序通常也比你期望的更加简短. jq是用C编写,没有运行时依赖,所以几乎可以运行在任何系统上.预编译的二进制文件可以直接在Linux.OS X和windows

jquery.fn.extend <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> </head&g

先说使用场景,动态生成DOM元素并绑定事件,非常常见的一种场景,用jq实现效果: http://jsbin.com/gajizuyuju/edit?html,js,output var count=0; $("#test").on("click",function(event){ if(event.target.tagName.toLowerCase()=="input") return; count++; var html="<

jQuery 之前在JS的文章中提到过,JS虽然功能全面但是仍然比较接近底层,代码写起来很麻烦,而以jQuery为代表的JS库包装了很多功能,可以让代码更加简单.接下来就来简单地记录一下我学习和所知道的jQuery. jQuery这东西似乎是06年还是09年后才有的东西,自其出现后,明显可以感觉到我们平时浏览的网页体验好了很多.以动态效果为首的各种JQ特性让网页逼格提高不止一点点. ■ 概述 jQuery 是一个 JavaScript 函数库.jQuery(下简称JQ) 库包含以下特性: HTM

目录 1. JQuery基础 1.1. 基本语法 1.2. JQ和JS的差异 1.3. JQ入口函数的写法 1.4. JQ核心函数 1.5. JQ对象 2. JQ静态和实例方法 2.1. JQ静态方法: each 2.2. JQ静态方法: map方法 2.3. JQ静态方法: 其他方法 2.4. JQ静态方法: holdReady方法 3.JQuery选择器 2.1. 基本选择器 2.2. 过滤选择器 2.3. 内容选择器 3. JQ属性 3.1. 属性方法 1. JQ属性节点方法: attr和

第4章WEB04- JQuery篇 今日任务 使用JQuery完成页面定时弹出广告 使用JQuery完成表格的隔行换色 使用JQuery完成复选框的全选效果 使用JQuery完成省市联动效果 使用JQuery完成下列列表左右选择 教学导航 教学目标 掌握JQuery的基本使用 掌握JQuery的基本选择器,层次选择器 会使用JQuery完成DOM的基本操作. 教学方法 案例驱动法 1.1      上次课的内容回顾: JavaScript: * JavaScript:基本使用: * ECMASc

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" c

jQ宗旨:write less do more jq是js的框架,底层封装了js代码. jq引入: <script type="text/javascript" src="../js/jquery-3.3.1.min.js" ></script> jQ选择器:推荐第一种: <script type="text/javascript" src="js/jquery-3.3.1.js" ><

重温Web前端基础 本篇幅中着重文字,只是记录一些自己的见解,巩固下自身基础 网页结构是什么? 结构层 html 导航,列表,段文字,图片,链接,表示层 css 颜色,大小,位置,行为层 JavaScript,弹出,切换等. 什么是html? HTML是用来描述网页的一种语言.不是编程语言,是标记语言 什么是CSS? CSS (层叠样式表) 是一种用来表现HTML或XML等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化. 何为javascr