用flash代替图片IMG,设置动态效果链接
2010-11-26 22:41
267 查看
初衷:现在我有一张元素周期表(jpg),假设我需要把它添到网页中并对其中五个元素添加链接,链接到这个五个元素介绍的相关页面。
第一种解决方案:运用DW设置图片热区域,添加链接。然后效果不尽人意,操作不符合常人习惯且无动效果,优点是操作简单。
第二种方案,制动含有动态按钮的flash文件,前添加链接。优点交互性强,效果好。
于是采用第二种方案。
制作flash如下:
主要的AS3代码如下:
代码
function GoToURLCR(event:MouseEvent){
var urlcr=new URLRequest("Cr.aspx")
navigateToURL(urlcr,"_blank")
}
cr.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLCR)
function GoToURLCD(event:MouseEvent){
var urlcd=new URLRequest("Cd.aspx")
navigateToURL(urlcd,"_blank")
}
cd.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLCD)
function GoToURLHG(event:MouseEvent){
var urlhg=new URLRequest("Hg.aspx")
navigateToURL(urlhg,"_blank")
}
hg.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLHG)
function GoToURLAS(event:MouseEvent){
var urlas=new URLRequest("As.aspx")
navigateToURL(urlas,"_blank")
}
H_as.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLAS)
function GoToURLPB(event:MouseEvent){
var urlpb=new URLRequest("pb.aspx")
navigateToURL(urlpb,"_blank")
}
pb.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLPB)
第一种解决方案:运用DW设置图片热区域,添加链接。然后效果不尽人意,操作不符合常人习惯且无动效果,优点是操作简单。
第二种方案,制动含有动态按钮的flash文件,前添加链接。优点交互性强,效果好。
于是采用第二种方案。
制作flash如下:
主要的AS3代码如下:
代码
function GoToURLCR(event:MouseEvent){
var urlcr=new URLRequest("Cr.aspx")
navigateToURL(urlcr,"_blank")
}
cr.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLCR)
function GoToURLCD(event:MouseEvent){
var urlcd=new URLRequest("Cd.aspx")
navigateToURL(urlcd,"_blank")
}
cd.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLCD)
function GoToURLHG(event:MouseEvent){
var urlhg=new URLRequest("Hg.aspx")
navigateToURL(urlhg,"_blank")
}
hg.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLHG)
function GoToURLAS(event:MouseEvent){
var urlas=new URLRequest("As.aspx")
navigateToURL(urlas,"_blank")
}
H_as.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLAS)
function GoToURLPB(event:MouseEvent){
var urlpb=new URLRequest("pb.aspx")
navigateToURL(urlpb,"_blank")
}
pb.addEventListener(MouseEvent.MOUSE_DOWN,GoToURLPB)
相关文章推荐
- JS图片幻灯片效果与数据库链接的动态(两种)
- 解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法
- FLASH+XML图片动态轮换效果
- CSS基础知识二(段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接)
- 动态设置Button、ImageView等组件在不同状态下的背景/前景显示效果。 扩展下的话可以前景/背景的显示效果可以使用网络图片。
- FLASH中设置动态文本的半透明效果
- Jquery动态改变图片IMG的链接地址!(实例,已解决!)
- 解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法
- JS实现图片产生波纹一样flash效果的方法
- flash特效原理:图片滑动放大效果(3)
- 动态生成img的链接
- css设置宽比屏幕大的img图片在页面中左右居中
- SWT(JFace)体验之图片的动态渐变效果
- 图片动态效果
- Android设置Alpha值实现图片渐变效果
- asp动态FLASH焦点图片2
- 网页中图片的动态滤镜效果
- c#实现显示图片的动态效果
- 仿搜狐女人频道FLASH图片切换效果
- Flash动态加载外部图片