鼠标滚轮事件滚动有Flash动画的网页
平面设计 2021-07-03 14:34www.168986.cn平面设计培训
flash插入网页后,当flash获得焦点,也就是开始操作flash后,flash将捕获鼠标滚轮事件,导致浏览器无法响应滚轮事件,只能通过拖动滚动条来浏览网页,非常不便,也让普通用户感觉很疑惑。
通过以下小技巧可以让浏览器重新获得焦点,通过鼠标滚轮事件上下滚动
var mouseListener:Object = new Object();
mouseListener.onMouseWheel = function(delta:Number) {
getURL("javascript:void(window.focus())");
};
Mouse.addListener(mouseListener); 这种效果不是很理想,而且有时候会莫名奇妙地失效,如果不怕麻烦可以采用狼蚁网站SEO优化这种方式
flash代码
var mouseListener:Object = new Object();
mouseListener.onMouseWheel = function(delta:Number) {
//getURL("javascript:void(window.focus())");
ExternalInterface.call("gundong",delta-15);
};
Mouse.addListener(mouseListener); javascirpt代码
<script LANGUAGE=Javascript>
function gundong(value){
var pos
if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop;
} else if (document.body) {
pos = document.body.scrollTop;
}
window.scroll(0,pos value);
}
</script> 实际上这种方法是使用javascript控制滚动条,效果比第一种好多了,还可以修改flash里面的-15这个数值,更改滚动速度及方向。
通过以下小技巧可以让浏览器重新获得焦点,通过鼠标滚轮事件上下滚动
var mouseListener:Object = new Object();
mouseListener.onMouseWheel = function(delta:Number) {
getURL("javascript:void(window.focus())");
};
Mouse.addListener(mouseListener); 这种效果不是很理想,而且有时候会莫名奇妙地失效,如果不怕麻烦可以采用狼蚁网站SEO优化这种方式
flash代码
var mouseListener:Object = new Object();
mouseListener.onMouseWheel = function(delta:Number) {
//getURL("javascript:void(window.focus())");
ExternalInterface.call("gundong",delta-15);
};
Mouse.addListener(mouseListener); javascirpt代码
<script LANGUAGE=Javascript>
function gundong(value){
var pos
if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop;
} else if (document.body) {
pos = document.body.scrollTop;
}
window.scroll(0,pos value);
}
</script> 实际上这种方法是使用javascript控制滚动条,效果比第一种好多了,还可以修改flash里面的-15这个数值,更改滚动速度及方向。
上一篇:Flash绘画技巧之关于动画中的云
下一篇:Flash入门教程:鼠标跟随星星动画
平面设计师
- 免费平面设计网站 免费平面设计绘图软件
- 平面设计基础知识题库
- 平面设计基础学包括哪些
- ui设计师工资一般多少 北京ui设计师工资一般多少
- 平面设计技巧方法 平面设计技巧总结
- 哪里的平面设计培训班比较好 哪家平面培训设计
- 哪些人不适合学平面设计 平面设计师工资一般多
- 女生学习平面设计还有其独特的优势
- 平面设计大学专业叫什么 平面设计大学专业叫什
- ui就业前景和工资待遇 ui就业前景和工资待遇怎么
- 平面设计ps入门教程 平面设计photoshop 基本操作方
- 免费学平面设计教程 平面设计免费教程网站
- 平面设计就业方向有哪些 平面设计专业就业前景
- 女生学什么设计前景好 女孩学什么设计好赚钱
- 什么人适合学平面设计 学平面设计后悔死了
- 平面设计内容有哪些 平面设计内容包括什么