![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js操作dom
mardins
这个作者很懒,什么都没留下…
展开
-
日历表的jq简单写法
日历的表格简单的写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {原创 2020-07-02 15:18:03 · 236 阅读 · 0 评论 -
jq的方法写一个选项卡
网页中tap面板和选项的卡的使用成了网站的必备的效果,之前我们写过一个复杂的面向对象的选项卡,今天就写一个简单jq的选项卡。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2020-06-30 09:10:51 · 377 阅读 · 0 评论 -
jq和icon矢量字的运用
在豆瓣和手机app商城中经常会遇到评星级的一个操作。那下面我们就用jq简单的写一个滑动点亮星星的效果,当然也复习一下之前的icon的矢量图的使用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2020-06-30 09:01:09 · 260 阅读 · 0 评论 -
jq的方法写一个轮播特写
在网页中轮播是经常遇到大页面效果之一,在平时都是使用组件直接调用。但是其实用jq写的话企事业很简单。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2020-06-30 08:51:22 · 82 阅读 · 0 评论 -
关于滚轮滑动的js效果
关于滚轮滑动的js效果实现要求:在右侧不显示滚动条,其次在使用鼠标滚动的时候页面中的模块是匀速向下或者 向上;首先写一下基本的网页布局: <style> * { margin: 0; padding: 0; } body { height: 100vh; overflow: hidden; } .containe原创 2020-06-26 09:41:25 · 782 阅读 · 0 评论 -
于滑动滚动条的效果
关于滑动滚动条的效果实现效果:下拉滚动条时,上面的会有进度条,页面到底上部的滚动条也会到头;首先先写个基本布局: <style> * { margin: 0; padding: 0; } .progressbar { height: 3px; background: skyblue; position: fixed;原创 2020-06-26 09:35:43 · 193 阅读 · 0 评论 -
关于网页中音乐播放的进度条的js效果
关于网页中音乐播放的进度条的js效果音乐的时间读取和读条效果首先先来简单的写一下进度条的样式<style> * { margin: 0; padding: 0; } .container { height: 10px; width: 400px; background: #666; margin:原创 2020-06-26 09:25:09 · 989 阅读 · 0 评论 -
关于js操作DOM的内置对象运用的小练习
写一个鼠标点击页面任意位置生成一个div思路1:首先是在在window的onclick的事件中创建一个div给文档思路2:给这个div添加一个类思路3:获取鼠标的坐标思路4:将创建的div添加到body中当然要简单的设置一下div的样式给个背景颜色和宽高和绝对绝对定位。当然你也可以让它变有点意思,让它随机左右斜线动起来给它一个随机随机整数0或者1再给一个定时器:在定时器中做个判断如果为0那x就-10px;否则就+10px,并将y的值固定为每次-10px。最后将x和y的值付给原创 2020-06-22 15:40:35 · 113 阅读 · 0 评论