- 博客(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选择器——表单过滤器
实例:<!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> <
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> <
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>
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> &
2018-06-18 20:28:47 151
原创 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> <
2018-06-13 20:09:15 133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人