<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[dingjizhang2478的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/dingjizhang2478</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dingjizhang2478]]></copyright><item><title><![CDATA[纯js轮播图练习-3，类似于淘宝海报带小圆点轮播图]]></title><link>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930639</link><guid>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930639</guid><author>dingjizhang2478</author><pubDate>Sat, 30 Mar 2019 10:20:00 +0800</pubDate><description><![CDATA[基于js和css，跟着网上的视频教程，结合自己想要的效果，做出了一个类似于淘宝海报的效果。
如图：淘宝首页



自己做的：


代码：

  1 &lt;!DOCTYPE html&gt;
  2 &lt;html&gt;
  3     &lt;head&gt;
  4         &lt;meta charset="UTF-8"&gt;
  ...]]></description><category></category></item><item><title><![CDATA[纯js轮播图练习-2，js+css旋转木马层叠轮播]]></title><link>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930637</link><guid>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930637</guid><author>dingjizhang2478</author><pubDate>Sat, 23 Mar 2019 15:42:00 +0800</pubDate><description><![CDATA[基于css3的新属性，加上js的操作，让现在js轮播图花样越来越多。
而现在出现的旋转木马层叠轮播的轮播图样式，却是得到了很多人都喜爱和投入使用。
尤其是在各大软件中，频繁的出现在大家的眼里，在web当中，也是出现了很多使用了这种轮播的方式。

下方是网易云音乐的客户端（PC）的海报。


自己跟着视频也学着做一个web的模仿一下。



以下为轮播图全...]]></description><category></category></item><item><title><![CDATA[纯js轮播图练习-1]]></title><link>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930635</link><guid>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930635</guid><author>dingjizhang2478</author><pubDate>Mon, 18 Mar 2019 19:27:00 +0800</pubDate><description><![CDATA[偶尔练习，看视频自己学着做个简单的纯JS轮播。
简单的纯js轮播图练习-1。


样子就是上面图片那样，先不管好不好看，主要是学会运用和理解轮播的原理
掌握核心的理论知识和技术的操作，其他的都可以在这个基础上做出细微的更改和不断的去完善。




html代码，先写好要的基本元素，比如轮播的图片等。
这里使用的是简单的色块，和两个按钮。
基本上轮播图布为...]]></description><category></category></item><item><title><![CDATA[HTML5视频播放练习：鼠标经过视频播放，鼠标移除停止播放，再次经过继续播放。...]]></title><link>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930633</link><guid>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930633</guid><author>dingjizhang2478</author><pubDate>Sat, 17 Nov 2018 17:36:00 +0800</pubDate><description><![CDATA[随着HTML5的广泛应用，在一些网站中，经常看到有些预览的短视频预览，鼠标经过就会播放，移除就会停止播放，再次移进去就会继续播放。
自己也研究着做一个比较简单的类似的练习。


视频可以自己到包图网下载，包图网的媒体首页视频预览就是鼠标移进去就播放，离开就停止，再移进去就播放。
不过，他们在视频上，还增加了一直视频的图片，思路是，鼠标经过，图片隐藏，视频播放，鼠标离开，图片显...]]></description><category></category></item><item><title><![CDATA[微信小程序车牌号码模拟键盘输入]]></title><link>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930629</link><guid>https://blog.youkuaiyun.com/dingjizhang2478/article/details/101930629</guid><author>dingjizhang2478</author><pubDate>Sat, 10 Nov 2018 19:01:00 +0800</pubDate><description><![CDATA[微信小程序车牌号码模拟键盘输入练习，
未经允许，禁止转载，抄袭，如需借鉴参考等，请附上该文章连接。
相关资料参考：https://blog.youkuaiyun.com/littlerboss/article/details/79877918；

先来一波预览图。
预览图片一：



预览图二：


预览图三：


预览图四：



...]]></description><category></category></item></channel></rss>