2024-11-24 厉飞雨 阅读(269) 评论(0) 赞(14)

<p>基于jQuery相册制作方法，网上插件非常多，今天分享本人认为不错的一种方法。我们首先来看一个简单的例子：简单的图像翻滚。</p> <p>image-rollover常被用在交互式导航栏上，当我们的鼠标移动到导航栏时，按钮的外观改变。例如我们以如下几幅黑白缩略图作为导航图表，当鼠标移动到指定图标时，图标变为明亮的彩色图片。预览如下：&l...

2024-11-24 厉飞雨 阅读(324) 评论(0) 赞(28)

回顾上篇文章"[谈谈Text的一些交互体验](/article/textBasicYingyong.html)"，其中提到文字的特效：打字效果，今天主要分享如何实现这种酷炫的效果。 我们需要用到一款插件：TheaterJS。TheaterJS能逼真模拟打字特效应用。 ![123.png](http://static.51tbox.com/static/2...

2024-11-24 厉飞雨 阅读(401) 评论(0) 赞(13)

<p>瀑布流，大家肯定不陌生。瀑布流，又称瀑布流式布局，是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。</p> <p>它的优点就是第一次打开页面的时候，只有加载首屏的数据，这样提高了网站打开速度，用户体验非常不错。我们经常见到很多网站的瀑布流功能，如淘宝、京东这...

2024-11-24 厉飞雨 阅读(249) 评论(0) 赞(17)

<p><img src="http://static.51tbox.com/static/2024-11-23/col/5115e6c8d8f352db5a30c378a5e14fc3/aed4c88e53304d85bdb50e3c7a084f4a.png.jpg" alt="123.png" title="...

2024-11-24 厉飞雨 阅读(292) 评论(0) 赞(28)

<p><img src="http://static.51tbox.com/static/2024-11-23/col/8f6f9afd2102b1d04360a7dc44ee87f9/3ca81d770fee4daa9b4ce8cbaa4dd883.jpeg.jpg" alt="" /></p> &l...

2024-11-24 厉飞雨 阅读(316) 评论(0) 赞(18)

<p><img src="http://static.51tbox.com/static/2024-11-23/col/730272d3ef189ec7d198fc1c20c1b5c9/8d502ebd5e174e41b93de71ce4153f6f.jpeg.jpg" alt="" /></p> &l...

2024-11-24 厉飞雨 阅读(290) 评论(0) 赞(20)

<p><img src="http://static.51tbox.com/static/2024-11-23/col/42770ecd036b7ab1a1cea04987f52750/5cc8295f69374c8eb68f775a121d8df3.png.jpg" alt="123.png" title="...

2024-11-24 厉飞雨 阅读(260) 评论(0) 赞(18)

 在我们平时的项目中，数据图表的交互应用也是比较多的，枯燥的数据配上酷炫的...

2024-11-24 厉飞雨 阅读(255) 评论(0) 赞(23)

<p><img src="http://static.51tbox.com/static/2024-11-23/col/ea16d798aa0264b1cf38cf2931d89ab0/dc3c3ebd840444c78f4b8829ce116e56.jpeg.jpg" alt="" /></p> &l...

2024-11-24 厉飞雨 阅读(443) 评论(0) 赞(26)

<p><img src="http://static.51tbox.com/static/2024-11-23/col/4cecb7d07c74115415be5c456df5285c/43ea4ad281db43fa92968c606b83dff2.png.jpg" alt="123.png" title="...