如何在网页中添加Aplayer音乐播放器
音乐播放器大多是那种Mini音乐播放器，虽然很便捷，但我一直觉得不够正式，音乐列表看起来也不够直观，所以我希望做到单独一个页面上。 Mini播放器效果：（一般显示在网页左下角）页面音乐效果：教程1.官方教程对比了几款音...
HTML中实现两个div并排显示
在HTML中让两个div并排显示，通常情况下有三种实现方式，包括:（1）设置为行内样式，display:inline-block（2）设置float浮动（3）设置position定位属性为absolute以下为三种方式的具体实现代码：个人觉得float浮动方式比较...
鼠标悬停视频缩略图显示播放按钮
大部分的视频网站显示视频集时，都是有一个精美的封面，当鼠标移动到某个视频时，视频封面上会出现一层类似于毛玻璃效果的，然后显示视频播放按钮。实现代码如下：<style type="text/css"> .play{ ...
lightgallery集成到WordPress网站快速实现图片灯箱效果
lightGallery 是一款轻量级、可定制、响应式、模块化的 jQuery LightBox 图片画廊插件。它支持移动触摸设备，支持键盘控制，带 20 多种动画过渡效果，是一款非常优秀的 LightBox 插件。这款灯箱插件不仅支持自动播放、上下...
CSS5 鼠标移动到图片上 Hover 放大效果
a img {transition: all 0.5s ease-in-out 0s;}a:hover img {transform: scale(1.05);}
WordPress 给缩略图添加圆角、阴影
发现有些站点圆角用的美轮美奂，整个站点UI都有很大的提升，而我也特别喜欢加圆角和阴影。css代码border-radius:8px; /*圆角值 大小结合自己喜好修改*/box-shadow: rgba(0,0,0,0.5) 0px 3px 8px; /*阴影值 大小结合自己喜好...
鼠标滑过图片，图片上出现一个遮罩层并显示提示文字
鼠标滑过图片，图片上出现一个遮罩层并显示提示文字HTML的内容 <div class="box"> <a href="#"> <div class="img"><img src="图片路径" ></div> <div class="tex...
CSS5 鼠标移动到图片上 Hover 放大效果
这个应该是很早的技术了，鼠标移动到图片上，利用CSS5新特性，然后让图片呈现平滑 Zoom 放大的动态效果，适合所有网站。a img {transition: all 0.5s ease-in-out 0s;}a:hover img {transform: scale(1.05);}前提：必须是带...