JS实现仿淘宝鼠标移入图片右侧显示区域大图片
// 获取左侧图片路径后赋值给右侧大图片 如果左侧有多张小图片 请将获取的ID改成class,然否使用for循环,不会的去社会猿提问,我会在答案区留下demo,地址:www.shehuiyuan.com !DOCTYPE html html h...
javascript实现视频弹幕的效果
简单版本： !DOCTYPE html html lang = en head meta charset = utf-8 style * { margin : 0 ; padding : 0 ; } .dm { width : 800px ; height : 600px ; background-color : blue; margin : 0 auto; } .box { height : 500px ; background-color : #000...
javascript实现弹幕墙效果
刚开始入门前端，想仿照FreeCodeCamp中的一个项目制作简单的弹幕墙。 创建一个弹幕显示墙，以及两个按钮，分别为发送和清屏，并在文本框中设置placeholder为说点什么吧？以提示用户在...
CSS实现鼠标移到图片上，图片变亮效果
!DOCTYPE html html head meta charset = UTF-8 title css3动画-图片开关灯阴影效果 / title style type = text/css ul , li { list-style : none;} .toppic li { width : 280px ; height : 160px ; float : left; background : #000 ; overflow :...
jquery实现视频或直播弹幕效果
本文实例为大家分享了jquery直播弹幕展示的完整代码，供大家参考，具体内容如下 理论知识： 实现效果主要涉及jq对节点的操作，以及动画函数的使用 思路： 1.获取到评论文本框的值...
解决CSS中<li>之间的空白间隔问题
有时候，我们需要将li横向排列，而又为了能设置其宽度和高度，为其设置display:inline-block，相邻li之间会出现8px的空白间隔，不是margin也不是padding。 html head title demo / title style type = t...
CSS中的visibility: hidden | collapse 与display: none的区别
对于CSS里的visibility属性，通常其值被设置成visible或hidden。 visibility: hidden相当于display:none，能把元素隐藏起来，但两者的区别在于： ① display:none 元素不再占用空间。 ② visibility: hidd...
使用纯CSS绘制圆形、椭圆形、菱形、三角形
1、圆形： width : 50px ; height : 50px ; border-radius : 50% ; // 50%~100%之间都行 background: pink; 2、半圆形：（以左圆形为例） width : 50px ; height : 100px ; border-radius : 50px 0 0 50px ; background : pink; 3、四分...