![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
winneryy
这个作者很懒,什么都没留下…
展开
-
如何用javascript实现轮播图效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } a { text-decoration: none; } .container { position: relative; w.原创 2021-01-27 14:58:29 · 148 阅读 · 0 评论 -
JQuery显示与隐藏效果
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <style> div{ width:150px; height:300px; background-color: pink; } </style> <script src="jquery-1.12.4.js"&g.原创 2021-01-27 14:18:00 · 108 阅读 · 0 评论 -
用JQuery实现Tab栏切换效果
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <style> * { margin: 0; padding: 0; } li { list-style-type: none; .原创 2021-01-27 14:13:46 · 2061 阅读 · 1 评论 -
用JQuery实现淘宝精品服饰案例
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <style> #content{ border-left:1px solid pink; border-right:1px solid pink; } </style> <script src="jque.原创 2021-01-27 14:11:04 · 668 阅读 · 1 评论 -
如何用JQuery实现新浪下拉菜单
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <script src="jquery-1.12.4.js"></script></head><body> <ul class="nav"> <li> <a .原创 2021-01-27 14:06:26 · 783 阅读 · 0 评论 -
如何用javascript判断润年
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <script> //算法:能被4整除且不能整除100的为润年(如2004年就是润年,1901年不是润年) //或者能够被400整除的就是润年 var year=prompt('请您输入年份:'); if(year%4==0&&.原创 2021-01-27 14:02:04 · 356 阅读 · 0 评论 -
如何用javascript打印九九乘法表
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <script> //一共有9行,但是每行的个数不一样,因此需要用到双重for循环 //外层的for循环控制行数i,循环9次,可以打印9行 //内层的for循环控制每行公式j //核心算法:每一行 公式的个数正好和行数一致,j<=i .原创 2021-01-27 13:58:39 · 430 阅读 · 0 评论 -
如何用正则表达式完成表单验证
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单验证实例</title> <style> ul,li{ list-style: none; } li{ margin-top: 10px; } .success{ color:green; } .error{ co.原创 2021-01-15 10:44:28 · 364 阅读 · 0 评论 -
全选反选案例js
全选反选效果分析参考代码原创 2020-12-08 12:13:57 · 114 阅读 · 0 评论 -
仿淘宝关闭二维码、仿京东倒计时秒杀js
1.实验目的与要求(1)掌握对象的定义、成员及方法的使用,遍历,构造函数。(2)掌握内置对象的应用。(3)掌握运用对象解决实际问题,使用并操作DOM、BOM元素。2.内置对象----计时器(1)任务分析展示案例完成后的效果,对功能进行分析,主要实现展示时间及倒计时秒杀功能。(2)代码实现设计基本页面,并添加CSS样式。基本实现思路:(1)用结束时间减去现在时间就是剩余时间(计算出剩余时间的毫秒值)(2)把剩余总的毫秒数转换为时分秒信息,并展示出来。(1)仿淘宝关闭二维码效果图展示原创 2020-12-08 12:14:41 · 508 阅读 · 0 评论 -
筋斗云案例js
筋斗云参考代码原创 2020-12-07 16:10:17 · 272 阅读 · 0 评论 -
循环精灵图案例js
循环精灵图参考代码原创 2020-12-07 16:09:31 · 203 阅读 · 0 评论 -
新浪下拉菜单案例js
新浪下拉菜单效果图如下参考代码原创 2020-12-07 15:57:55 · 2023 阅读 · 1 评论 -
分时问候案例js
DOM对象----分时问候(1).任务描述参考代码原创 2020-12-07 15:49:20 · 393 阅读 · 0 评论 -
获取URL参数案例js
1.内置对象与Array数组—url取值为对象格式任务场景:在网页中表单数据从一个页面转到另一个页面上时,地址栏url网址:http://127.0.0.1:8020/实践/test7/demo1.html?username=zs&age=18。将?后面的数据转换为对象进行存储:{name:zs,age:18}达到页面数据传递,实现在第二个页面中也能使用表单传递过来的数据,在两个页面之间传递数据的作用。参考代码...原创 2020-12-07 15:44:06 · 136 阅读 · 0 评论 -
Tab栏切换js
Tab栏切换参考代码原创 2020-12-07 15:33:20 · 77 阅读 · 0 评论 -
百度换肤js
百度换肤参考代码原创 2020-12-07 15:26:00 · 185 阅读 · 0 评论 -
模拟京东快递单号查询js
模拟京东快递单号查询当我们在文本框中输入内容时,文本框上面自动显示大字号的内容。参考代码原创 2020-12-07 15:20:59 · 993 阅读 · 0 评论 -
发送短信倒计时案例js
发送短信倒计时点击按钮后,该按钮60秒之内不能再次点击,防止重复发送短信。在这里插入代码片原创 2020-12-07 15:16:14 · 588 阅读 · 0 评论 -
JavaScript--显示隐藏文本框
1.显示隐藏文本框内容任务描述:参考代码原创 2020-12-07 15:13:01 · 543 阅读 · 0 评论 -
JavaScript--跟随鼠标的天使、留言管理、动态生成表格
1.简单留言管理效果图如下:参考代码:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><style> img{ positon:absolute; top:2px; } </style><body> <img src="images/ang原创 2020-12-02 16:49:53 · 138 阅读 · 0 评论 -
html与css制作美容产品的页面
效果图:原创 2020-11-06 19:09:04 · 326 阅读 · 0 评论 -
用html5和css制作信息登记表
<!doctype html><html> <head> <meta charset="utf-8"> <title>信息登记表</title> <!-- <link rel="stylesheet" href="style07.css" type="text/css"> --> <style type="text/css"> input { width:200px;原创 2020-11-06 18:55:44 · 7212 阅读 · 1 评论 -
html5制作QQ会员导航条
运行效果:原创 2020-11-04 20:40:06 · 1038 阅读 · 0 评论 -
用html制作QQ彩贝
运行代码得到的效果:原创 2020-11-04 20:33:49 · 5209 阅读 · 0 评论 -
javascript简单验证码制作
原创 2020-11-04 20:19:36 · 77 阅读 · 0 评论 -
javascript用冒泡法对定义的数组进行排序
原创 2020-11-04 20:13:02 · 133 阅读 · 0 评论 -
javascript输入一个数组,判断数组的数值是否大于10,将大于10的数字存入新的数组中。
原创 2020-11-04 20:09:37 · 3156 阅读 · 0 评论 -
如何用html5实现多图片的无缝滚动效果
原创 2020-11-04 17:09:00 · 2501 阅读 · 0 评论 -
如何用html5实现翻书的动画效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0;原创 2020-11-04 16:31:09 · 1832 阅读 · 0 评论