Slider 滑动条效果

转载自：http://www.cnblogs.com/cloudgamer/archive/2008/12/24/Slider.html

 

这个滑动条（拖动条）效果，一开始是参考了BlueDestiny的slider和Apple产品展示的样式，做了程序的原型。
在做了拖放效果之后，我想应该可以做一个更好的了，所以重做一遍，完善和扩展了一些功能。
碍于时间没有做得很强大，都是一些基本功能，希望各位多提意见！

 

效果预览

 

 

 

预览效果1：

 

这个是仿Apple滑动条产品展示效果。
除了原来的效果（包括点击缓动滑移、拖动滑移），我还加入了本程序特有的滚轮和键盘控制，滑动条两端鼠标放上去会自动滑动，滑动到两边还会自动换一个表示停止的图案。

 

 

 

1. 图片切割

2. 图片切换展示

3. 图片变换效果

4. 无刷新上传

5. 图片滑动展示

 

 

 

 

 

 

预览效果2：

 

这里是稍微模拟了一下滚动条，当然离真正的滚动条还差很远。
滑动条除了水平还支持垂直方向的滑动，在内容显示部分按上下方向（需要先点击选中一下）或使用鼠标滚轮也能控制滑