自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 jQuery轮播图之上一张下一张

如图实例:html代码: <div class="global_module prolist"> <h3>新款上市</h3> <div class="prolist_content"> <ul>

2018-06-30 22:05:32 2174

原创 jQuery轮播图之上下无缝滚动

如图效果:实现功能:1.上下无缝滚动,2.鼠标放上去停止滚动并出现提示信息无缝滚动原理:每一次将第一个li移动到最后一个(append)html代码 <div class="global_module prolist"> <h3>新款上市</h3> <div class="prolist_co...

2018-06-30 19:19:46 5598 1

原创 jQuery轮播图之上下轮播

如图实现功能:1.鼠标放上图片图片停止滚动并显示对应数字2.鼠标离开图片继续滚动并显示对应数字3.鼠标放到对应的数字,显示到相对应图片并停止滚动轮播图原理:定义div里面存放ul,但每次只显示一个li,利用定时器setinteval定时和animate动画来移动li的位置。animate返回值:jQueryanimate(params,[speed],[easing],[fn])概述:用于创建自定...

2018-06-30 16:40:59 6908 2

原创 JQuery实现搜索框功能

在用html代码用placeholder="text"就能实现text:表示在文本框要显示的内容html代码:<body>    <form action="" method="post">    <input  type="text" placeholder="请输入"  id="key" /> 

2018-06-20 15:38:33 11801

原创 jQuery之html() val() text()区别

html([val|fn])在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。text([val|fn])取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。val([val|fn|arr])获得匹配元素的当前值。在 j...

2018-06-20 15:28:25 134

原创 jQuery选择器——子元素过滤器

例;

2018-06-19 19:17:55 725

原创 jQuery选择器——表单过滤器

实例:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <style>   

2018-06-18 21:15:42 280

原创 jQuery选择器——属性选择器

实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &lt

2018-06-18 21:08:48 174

原创 jQuery选择器——内容过滤选择器

实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &lt

2018-06-18 21:05:52 313

原创 jQuery选择器——基本过滤选择器

索引是从0开始实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>..

2018-06-18 20:57:54 199

原创 jQuery选择器——层次选择器

parent > child描述:匹配表单中所有的子级input元素。HTML 代码:<form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label&gt

2018-06-18 20:51:02 545

原创 jQuery选择器——基本选择器

实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &amp

2018-06-18 20:28:47 151

原创 JQuery选择器——CSS选择器

CSS选择器用法:

2018-06-18 20:03:56 884

原创 jQuery事件冒泡及实例

实例:点击显示div里面内容,再次点击隐藏<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <me

2018-06-14 22:28:14 242

原创 jquery简单入门

创建一个html项目用js写一个点击事件弹出对话框<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title> &lt

2018-06-13 20:09:15 133

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除