2 qq 33250113 qq_33250113 于 2017.01.11 16:10 提问

如何制作一个这样的滑动幻灯

图片说明
就是中间大,两边略小,滑动到中间边大

2个回答

qq_23603437
qq_23603437   2017.01.11 17:07

jQuery动画可以做啊,首先设置一个固定宽高的div框用来显示大图和两边的小图的小部分。
然后轮播动画呗,进入div框的图height和width加大,基本就这样吧

showbo
showbo   Ds   Rxr 2017.01.11 19:41
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
一个幻灯制作公司的广告
一个幻灯制作公司的广告一个幻灯制作公司的广告一个幻灯制作公司的广告一个幻灯制作公司的广告一个幻灯制作公司的广告
TouchSlider 实现(PC及移动端触摸界面)的幻灯slider效果
TouchSlider是一个轻量级的javascript组件,设计的目的是提供一个可以方便实现全平台(PC及移动端触摸界面)的幻灯slider效果。近期开发触屏版网站的滑动选择菜单功能,对比了网上的一些jQuery Touchslider插件,发现还是qiqiboy那个版本的TouchSlider插件功能比较齐全。 MIT license的TouchSlider 0.95存在依赖 jQuer
用CSS实现一个简单的幻灯片效果页面
又是一个常见面试题,不搜不知道,一搜吓一跳,有很多很有意思的写法。第一反应是利用CSS3的animation。不过为了兼容浏览器,记得加各浏览器前缀(“chrome和safira:-webkit-”、“firefox:-moz-”、“opera:-o-”) 下面说说用到的animation各属性。 animation-name(动画名字,需用引号包裹) animation-duration(动
帝国cms教程之灵动标签制造flash幻灯
FLASH幻灯制作一般流程: 1、将幻灯代码内容和FLASH相关文件复制本地; 2、显示信息内容用灵动标签调用出来; 常见的FLASH幻灯有下面两种方式及灵动标签调用例子: 1、分开显示式,如下面这类:
实例4:幻灯片式图片浏览器
1、布局文件,一个图像切换器ImageSwitcher,一个画廊视图Gallery <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:l
使用dreamweaver&nbsp;制作网页幻灯片
作为一位不懂代码的业余网页制作爱好者,常常羡慕专业程序人员在浏览器中编制出的效果超酷的一些多媒体作品。唉,无奈程序那东东,酶涩南学,非一日之功,需要良好的逻辑思维能力和足够的磨练方可成就。是不是不会程序,就永远就不能实现自己的创意和想法了呢?非也!现在我们要制作的就是在网页中的一个幻灯片播放器。当用户按下控制盘上的“PLAY”键时图片将作幻灯片似的连续循环播放。按下“PAUSE”时,播放中的图片就
用CSS写一个简单的幻灯片效果页面
1.背景介绍 CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation。 transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 transition是令一个或多个可以用数值表示的css属性值发生变化时产生过渡效果。 Animation字面上的意思,就是“动画”的意思, 我们使用CSS3的A
jquery全屏自适应宽度和手机滑动幻灯片
jquery+jquery.mobile自适应屏幕宽度,识别移动设备 手势左右滑动变换
【Android开发】范例2-实现幻灯片式图片浏览器
我们来实现一个幻灯片式图片浏览器: 最下面一个画廊视图,选中画廊中的图片,会在上面的ImageSwitcher控件中显示大图。 效果图如图 实现方法: 在布局文件中添加图片切换控件ImageSwitcher和画廊视图控件Gallery res/layout/main.xml: <LinearLayout xmlns:android="http://schemas.
js实现幻灯片自动切换
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" cont