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 · 168 阅读 · 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 · 132 阅读 · 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 · 2236 阅读 · 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 · 728 阅读 · 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 · 823 阅读 · 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 · 430 阅读 · 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 · 454 阅读 · 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 · 384 阅读 · 0 评论 -
全选反选案例js
全选反选效果分析参考代码原创 2020-12-08 12:13:57 · 149 阅读 · 0 评论 -
仿淘宝关闭二维码、仿京东倒计时秒杀js
１.实验目的与要求（1）掌握对象的定义、成员及方法的使用，遍历，构造函数。（2）掌握内置对象的应用。（3）掌握运用对象解决实际问题，使用并操作DOM、BOM元素。2.内置对象----计时器（1）任务分析展示案例完成后的效果，对功能进行分析，主要实现展示时间及倒计时秒杀功能。（2）代码实现设计基本页面，并添加CSS样式。基本实现思路：（1）用结束时间减去现在时间就是剩余时间（计算出剩余时间的毫秒值）（2）把剩余总的毫秒数转换为时分秒信息，并展示出来。（1）仿淘宝关闭二维码效果图展示原创 2020-12-08 12:14:41 · 546 阅读 · 0 评论 -
筋斗云案例js
筋斗云参考代码原创 2020-12-07 16:10:17 · 316 阅读 · 0 评论 -
循环精灵图案例js
循环精灵图参考代码原创 2020-12-07 16:09:31 · 233 阅读 · 0 评论 -
新浪下拉菜单案例js
新浪下拉菜单效果图如下参考代码原创 2020-12-07 15:57:55 · 2071 阅读 · 1 评论 -
分时问候案例js
DOM对象----分时问候（1）.任务描述参考代码原创 2020-12-07 15:49:20 · 427 阅读 · 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 · 161 阅读 · 0 评论 -
Tab栏切换js
Tab栏切换参考代码原创 2020-12-07 15:33:20 · 94 阅读 · 0 评论 -
百度换肤js
百度换肤参考代码原创 2020-12-07 15:26:00 · 214 阅读 · 0 评论 -
模拟京东快递单号查询js
模拟京东快递单号查询当我们在文本框中输入内容时，文本框上面自动显示大字号的内容。参考代码原创 2020-12-07 15:20:59 · 1052 阅读 · 0 评论 -
发送短信倒计时案例js
发送短信倒计时点击按钮后，该按钮60秒之内不能再次点击，防止重复发送短信。在这里插入代码片原创 2020-12-07 15:16:14 · 623 阅读 · 0 评论 -
JavaScript--显示隐藏文本框
1．显示隐藏文本框内容任务描述：参考代码原创 2020-12-07 15:13:01 · 571 阅读 · 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 · 154 阅读 · 0 评论 -
html与css制作美容产品的页面
效果图：原创 2020-11-06 19:09:04 · 358 阅读 · 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 · 7867 阅读 · 1 评论 -
html5制作QQ会员导航条
运行效果：原创 2020-11-04 20:40:06 · 1078 阅读 · 0 评论 -
用html制作QQ彩贝
运行代码得到的效果：原创 2020-11-04 20:33:49 · 5406 阅读 · 0 评论 -
javascript简单验证码制作
原创 2020-11-04 20:19:36 · 98 阅读 · 0 评论 -
javascript用冒泡法对定义的数组进行排序
原创 2020-11-04 20:13:02 · 150 阅读 · 0 评论 -
javascript输入一个数组，判断数组的数值是否大于10，将大于10的数字存入新的数组中。
原创 2020-11-04 20:09:37 · 3254 阅读 · 0 评论 -
如何用html5实现多图片的无缝滚动效果
原创 2020-11-04 17:09:00 · 2552 阅读 · 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 · 1981 阅读 · 0 评论