JS
喜羊羊咯
这个作者很懒,什么都没留下…
展开
-
JS动态append之后点击事件无效
今天做项目用了append向HTML里面添加结构代码,代码添加之后,单击事件就没反应了。搞得我一脸懵逼,调了代码很久实在不行,我百度了一下才发现,append添加的节点单击事件是不会生效的。原因:原来append中的节点是在整个文档加载后才添加的,页面并不会为未来的元素初始化添加点击事件,所以使用这种方式动态添加的节点中的点击事件不会生效。解决方法:于是我只好改用事件代理来完成这次我的项目...原创 2019-06-07 16:28:38 · 2010 阅读 · 0 评论 -
js实现考试随机选题
考试的时候经常用到,发在这里记录一下效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> table{ ...原创 2019-05-29 21:33:12 · 2113 阅读 · 0 评论 -
PHP实现用户登录注册功能
初学php做了一些比较常见且有用的页面,放在上面记录一下咯我是用了bootstrap框架里面的模态框做注册登陆页面,这样页面比较美观页面效果:注册成功条件/功能:1)用户名不能冲突2)两次密码必须相同3)用户注册数据添加进数据库4)注册/登录成功之后,用户自动登录HTML代码: <link rel="stylesheet" href="css/bootstr...原创 2019-05-28 13:50:38 · 5938 阅读 · 1 评论 -
JS实现简单时钟效果
老师上课需要我们做一个时钟的小作业 ,我把它放在上面记录一下啦表盘和时针我都是用的背景图的形式,然后绝对定位,通过调整left和top确定时针、分针、秒针的位置,transform-origin设置它们的旋转中心具体效果:HTML代码:<div class="box" id="box"> <span></span> <span&g...原创 2019-05-30 13:51:47 · 745 阅读 · 0 评论 -
PHP实现用户登录页面
PHP学习日常,放在上面记录一下咯我用了bootstrap框架,这样的界面要好看一点登录页面:必须用户名、密码、验证码都输入正确才能登录成功喔,否则出现下面提示登陆成功之后,登录和注册选项切换为用户昵称和注销选项:登陆成功之后:选择注销: HTML代码: <link rel="stylesheet" href="css/bootstrap.css">...原创 2019-05-27 15:22:42 · 8382 阅读 · 0 评论 -
JS实现自动轮播图效果
现在很多网站都有轮播图,这篇文章主要为大家详细介绍了js实现轮播图的完整代码及原理,需要的小伙伴可以参考一下。轮播图主要功能:1、 图片自动轮播(主图切换同时下面导航图片也会跟着变化)2、 鼠标悬停的时候,图片轮播停止,鼠标离开后继续3、 单击左右按钮切换图片4、 鼠标移入后左右按钮出现,移出消失工作原理:具体效果如下:轮播图片数量、css样式等,小伙伴也可根据自己的需求做相应...原创 2019-05-26 09:49:29 · 9014 阅读 · 3 评论 -
JS实现购物车功能(JS案例)
整理了一下当时学js写的一些案例,觉得购物车功能在一般网站比较常见且基础,现在把它整理出来,需要的小伙伴可以参考一下。该案例购物车主要功能如下:1、 商品单选、全选、反选功能2、 商品添加、删除功能3、 商品价格自动计算具体效果:打开效果添加商品数量(自动计算价格):取消选择:删除商品:商品显示与隐藏:做这些案例呢,我还把一些经常使用到的函数成了一个框架,需要的小伙...原创 2019-05-26 09:48:46 · 28877 阅读 · 0 评论 -
JS自制SEO框架
学习了JS一段时间,自己封装了一些日常码代码需要用到的框架,需要的小伙伴可以参考一下该框架主要功能有:阻止事件冒泡、阻止默认事件、获取元素、添加事件、删除事件、单个事件代理,多个事件代理、清除class、获取滚动距离等框架代码如下:var sEO={ $:function(exp){//获取对象(1个、多个) var el; if (/^#\w+$/.te...原创 2019-05-25 21:35:18 · 121 阅读 · 0 评论 -
php实现信息上下翻页
这几天做项目因为数据太多,需要对信息进行上下翻页展示,就自己写了翻页的代码大致功能就是页面只显示几条信息,按上一页、下一页切换内容,当显示第一页时上一页和首页选项不可选,当页面加载到最后一页时下一页和尾页选项不可选具体效果如下:接下来是实现代码1)原生PHP方法先说一下总思路吧,首先我们要查询所有符合条件需要进行分页的总数据,计算展示的总页数。然后获取当前显示的是第几页信息,用当...原创 2019-06-03 19:55:09 · 709 阅读 · 0 评论