每日分享效果，今天分享一个jQuery滑动星星评分效果。jQuery星星评分制作5颗星星鼠标滑过评分打分效果，可取消评分结果，重新打分。HTML代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><linkrel="
分类：
Web程序 时间：
2019-11-05 16:56:53
阅读次数：
96
`关键词`：鼠标事件的触发 可以在函数中指定让鼠标事件自动触发，而不是必须要鼠标滑过才触发，例如： main.onmouseover(); // 可以把该语句看做是鼠标滑过的模拟动作 是DOM元素 ：for..of 的兼容性问题 旧的浏览器可能不会兼容for of方式的迭代方式，所以尽量使用常规的方 ...
分类：
Web程序 时间：
2019-11-05 13:23:32
阅读次数：
94
每日分享效果，今天分享内容为：jQuery鼠标滑过横向时间轴样式效果图：HTML代码：<!DOCTYPEhtml><html><head><title></title><linkrel="stylesheet"type="text/css"href="css/style.css"></head><body&g
分类：
Web程序 时间：
2019-10-31 00:22:30
阅读次数：
117
jQuery鼠标滑过横向时间轴效果 效果图： jQuery鼠标滑过横向时间轴效果 效果图： jQuery鼠标滑过横向时间轴效果 全部代码： jQuery鼠标滑过横向时间轴效果 全部代码： <!DOCTYPE html> <html> <head> <title></title> <link rel= ...
分类：
Web程序 时间：
2019-10-03 23:40:05
阅读次数：
169
超链接： <a href="链接跳转的地址"></a> target="_blank[在新窗口打开链接] | _self[在本窗口打开链接，默认值]" title="提示信息文本" 鼠标滑过标签之后出现的提示信息 路径的写法： ../表示返回上一层，出文件夹伪类 a:link 正常a标签状态 a:v ...
分类：
其他好文 时间：
2019-10-01 14:33:39
阅读次数：
114
伪类选择符 更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： <a href="address"> word </a> 地址标签 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜 ...
分类：
其他好文 时间：
2019-08-29 18:16:31
阅读次数：
120
在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<img>标签来插入图片。 语法： 举例： 讲解： 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的 ...
分类：
Web程序 时间：
2019-08-27 18:59:48
阅读次数：
108
效果展示 实现原理 1. html结构： 2. 外层div为要隐藏在左边的内容，要设置相对定位，并且left为负的容器宽度；鼠标可滑过的“分享”设置绝对定位，相对于外层div的位置可自定义（此处为居中） 3. 运动函数： 1）根据目标值和当前位置判断运动方向（设置定时器） 2）设置运动速度 3）根据 ...
分类：
Web程序 时间：
2019-04-02 15:25:43
阅读次数：
198
css基础 1.选择器 id选择器 #id值{} 通配符选择器 *{} 群组 选择器1,选择2{} 后代 选择器1 选择器2{} 子代 选择器1>选择器2{} 伪类 鼠标滑过 :hover{} 获取焦点 :focus{} 鼠标未访问过 :link{} class选择器 .class值 标记选择器 标 ...
分类：
Web程序 时间：
2019-03-13 21:29:34
阅读次数：
266
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> li{ list-style: none; float: left; text-align: center; } </style> ...
分类：
其他好文 时间：
2019-01-25 15:05:37
阅读次数：
149
