加载中…
个人资料
月月
月月
  • 博客等级:
  • 博客积分:0
  • 博客访问:1,057
  • 关注人气:55
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

使用axure实现图片点击放大效果(转自中睿)

(2013-08-29 13:32:33)
分类: axure原型设计
AXURE_RP案例教程,这节你将想了解什么呢?会不会觉得网页上有些图片点击放大很神奇呢?本文将为你实现图片点击放大的效果。

  http://www.itlead.com.cn/attachment/cms/item/2012_05/31_09/1f4de074d673fedb.jpg

  步骤一:放一个小图,作为点击放大的小图。

  http://www.itlead.com.cn/attachment/cms/item/2012_05/31_09/7d3e4a23fe442cac.jpg

  步骤二:放入一动态面板,命名为‘大图’,设置参数如下:

  http://www.itlead.com.cn/attachment/cms/item/2012_05/31_09/4d3bed29e987d443.jpg

  设置隐藏

  http://www.itlead.com.cn/attachment/cms/item/2012_05/31_09/ba6de0a758a72160.jpg

   

  步骤三:编辑动态面板,设置连个链接,‘收起’和‘查看大图’,

  http://www.itlead.com.cn/attachment/cms/item/2012_05/31_09/54c967549c65bfa8.jpg

   

  收起——是指收起大图;

  http://www.itlead.com.cn/attachment/cms/item/2012_05/31_09/318971c627018aaa.jpg

  查看大图——是指点击查看原图,

  http://www.itlead.com.cn/attachment/cms/item/2012_05/31_09/beb5f3997c4e863b.jpg

  查看大图是连接到一个新的页面,在新页面里放上大图

  http://www.itlead.com.cn/attachment/cms/item/2012_05/31_09/b7b0ab32390633c7.jpg

   

  到这里就做完了。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有