![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
余木尘
这个作者很懒,什么都没留下…
展开
-
用js实现广告弹窗效果和图片切换效果
广告弹窗使用定时器脚本setInterval(methodname, millisec)、setTimeout(method, millisec)参数1:执行的函数名或代码字符串参数2:设置时间间隔 单位:毫秒<body> <div> <img src="image/Taylor1.jpg" height="800" width=...原创 2019-09-01 18:31:02 · 1625 阅读 · 0 评论 -
使用ajax实时更新查询时的提示词
1、首先在搜索框下面添加一个提示词板(默认隐藏:display: none;),这里我用的ul标签,加上boostrap布局<form class="navbar-form navbar-right" role="search"> <div class="form-group"> <input type="text" class="for...原创 2019-09-23 20:43:17 · 309 阅读 · 0 评论 -
使用Bootstrap实现响应式导航栏
body<body><nav class="navbar navbar-inverse" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class=...原创 2019-09-04 21:22:00 · 4174 阅读 · 0 评论 -
用jQuery实现下拉列表的三级联动
body部分<body><div style="width: 600px; margin: 100px auto"> <select name="" id="province"> </select>省 <select name="" id="city"> </select>市 &...原创 2019-09-04 20:28:17 · 1179 阅读 · 1 评论 -
网站首页轮播图效果
body部分<body> <div class="box"> <ul class="img"> <!--一共七张图片--> <li style="display: block"><img src="images/ban01.jpg" height="460" width="1226...原创 2019-09-04 20:02:58 · 1786 阅读 · 0 评论 -
jQuery入门笔记
DOM对象与jQuery对象的相互转换基本语法DOM对象转Query对象:jQuery(DOM对象)Query对象转DOM对象:jQuery对象[index]<head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3....原创 2019-09-02 22:32:16 · 96 阅读 · 0 评论 -
jQuery实现表格隔行变色
jQuery代码部分body部分方法一效果方法二效果原创 2019-09-02 20:07:10 · 280 阅读 · 0 评论 -
用jQuery实现广告的定时弹窗
广告样式 <script src="js/jquery-3.4.0.js"></script> <style> div{ width: 500px; height: 500px; background-color: burlywood; di...原创 2019-09-02 19:43:38 · 567 阅读 · 0 评论 -
用jQuery实现全选与全不选
<table border="1" cellpadding="0" cellspacing="0" width="500px"> <tr> <th><input type="checkbox"></th> <th>姓名</th> ...原创 2019-09-02 19:37:54 · 379 阅读 · 0 评论 -
简单表单校验
校验部分事件:onblur:元素失去焦点onfocus:元素获得焦点onclick:鼠标点击某个对象ondbclick:鼠标双击某个对象onmouseout:鼠标从某元素移开onmouseover:鼠标被移到某元素之上onsubmit:提交按钮被点击 只能用于type=submit的类型上,普通button不能用简单校验,没有提交路径,只是检查格式是否正确,事件都用的是on...原创 2019-09-02 19:12:13 · 160 阅读 · 0 评论 -
使用ajax检查注册时用户名是否重复
1、首先在注册页面添加两个span标签,用于放用户名不重复时的 “用户名可用” 提示,和用户名重复时的 “用户名不可用” 提示,默认先隐藏(style=“display: none”)<span id="span1" class="label label-success" style="display: none">用户名可用</span><span id="sp...原创 2019-09-24 19:21:47 · 2765 阅读 · 0 评论