JavaScript
文章平均质量分 56
jasmyn518
这个作者很懒,什么都没留下…
展开
-
Web实现:简单的会员注册demo 包含HTML CSS JS部分 内含效果图
效果图1:效果图2:HTML部分:CSS部分:JS部分:原创 2022-06-16 21:32:44 · 1297 阅读 · 2 评论 -
Web页面效果:网页换肤
点击超链接,切换相应的网页风格。具体代码如下:index.html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>网页换肤</title> <link id="myCss" href="orange.css" rel="stylesheet"></head><body> <a href="#" oncli原创 2021-12-26 10:43:50 · 781 阅读 · 0 评论 -
js实现简单的留言板功能
实现简单的留言板功能,只是简单的demo,并不能保存数据,如果刷新页面,数据就会丢失,输入内容点击留言按钮,输入的内容即会显示到页面上,同时加上删除按钮,可以删除当前数据。<!DOCTYPE html><html><head> <title></title></head><body> <div id="content"> 聊天记录<ul id="words"></ul>原创 2021-12-11 15:20:51 · 2847 阅读 · 0 评论 -
点击超链接弹出div
加载页面时,div隐藏,点击超链接时弹出div。代码如下:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #mode{ position: absolute; width: 300px; height: 300px; top: 0; left: 0; display: none; } <原创 2021-12-11 15:09:16 · 888 阅读 · 0 评论 -
仿王者荣耀JS示例代码
JS代码如下:/****/var scroll_img=new Array();for(var i=0;i<5;i++){ scroll_img[i]="pic_scroll"+(i+1)+".jpeg";}var nowPic=2;function loopShow(d1){ nowPic=d1; document.getElementById("scroll_img").src=scroll_img[nowPic-1]; for(var i=1;i<6;i++){原创 2021-12-10 23:19:18 · 1550 阅读 · 0 评论 -
移动鼠标更换页面显示内容
许多网页当鼠标在不同的区域移动时,一个div中会显示相应的内容,并且会对鼠标悬停的文字进行高亮处理,类似操作还有许多,可以按照实际需求进行小小的修改。实现代码如下:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .book .title{ height: 30px; } .book .title div{ floa原创 2021-12-10 22:50:50 · 606 阅读 · 0 评论 -
移动鼠标进行菜单选择高亮选中项
大部分网站的菜单栏会有二级菜单之类的,在选择一级菜单时,鼠标悬停的菜单高亮,显示不同的颜色,选中一级菜单之后显示出相应的二级菜单,当鼠标悬停到二级菜单时,二级菜单高亮的同时,相应的一级菜单也要进行高亮。具体的实现代码如下,菜单项内容用1,2,3,4,5,6表示:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> ul{ list-s原创 2021-12-10 22:45:02 · 579 阅读 · 0 评论 -
图片轮播实现示例代码
现在一般的网页上都会有图片轮播的功能,下面是该功能实现的示例代码:代码如下:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .pic_scroll{ width: 574px; } .pic_scroll ul{ list-style: none; float: right; padding-left:原创 2021-12-10 22:26:31 · 12096 阅读 · 0 评论 -
滚动页面到一定位置时显示回到顶部按钮
回到顶部按钮原创 2021-12-10 22:22:29 · 1405 阅读 · 0 评论 -
JS会员注册demo
会员注册JS代码:/**用户名不能为空,首个字符必须是字母,其后可以是字母数字下划线*密码和确认密码不能为空,密码长度不能小于6位,最多10位,只能是字母和数字,密码和确认密码必须相同*出生日期必须是数字,月范围1-12,日范围1-31*电子邮件地址不能为空,必须包含符号“@”和“.”*必须选中“我同意遵守会员协议”后,注册按钮才可以使用*/function check(){ if(document.getElementById("checkbox").checked==true){原创 2020-11-25 10:15:02 · 885 阅读 · 0 评论