网页设计移动特效_这个网页里面的特效是怎么设计的用鼠标移动显示覆盖的效果!

1、网页制作问题,请教大家一个问题,怎么才能让网页框架可移动,就是像MOP一样,一点就过来,一点就回去

用 javascript特效

2、html制作网页时我想把从右向左的图片特效放在背景的中间从中间开始移动图片

找到这个特效的容器元素。如果容器是<div id="slider"></div>。如果是加到样式表css文件，那给专slider添加样式
#slider{margin:0 auto}
如果直接写在属html上。那就写成<div id="slider" style="margin:0 auto"></div>

3、网页设计中的幻灯片特效如何实现？具体包括代码怎么插入？？

试试这个图片幻灯片切换效果

有12345数字一起切换

有小图大图一起切换

里面有教程和源码

4、请教网页设计高手鼠标特效代码代码求大神帮助

鼠标移上去就打开页面: 第一步:把如下代码加入<body>区域中 <SCRIPT Language="JavaScript">function winopen () {msg=open("update.htm","NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=400,height=260");}</SCRIPT> 第二步:把如下代码加入<body>区域中 <a href="链接地址" onMouseOver="winopen(); return true;"><IMG SRC="shu.gif" border="0"></a> 自动跳转的话这个度试看 <a href=" 链接地址" onMouseOver="指定页面"><IMG SRC="shu.gif" border="0"></a> 不行的话加我Q吧我这个只是理论的写写没实现过你试试看吧

满意请采纳

5、Dreamweaver 网页设计中有哪些特效设置？怎么实现的？

特效就多了，用Javascript 、css3都可以实现，百度一下就有许多

6、谁有网页特效制作的方法啊？

一．设置滚动字幕
设置标题文字“欢迎光临童心童话网站”为交替滚动字幕。
方法一：添加代码
<marquee behavior="alternate">欢迎光临童心童话网</marquee>
尝试scroll（滚动）和slide（滑动）两种其它模式。
方法二：常用-标签选择器-HTML标签-页元素，选中marquee，在右侧属性中设置behavior和direction。

二．弹出信息对话框
1. 单击“body”标签未选中任何页面元素，打开右侧标签检查器中的【行为】面板，选择【弹出信息】命令，弹出“弹出信息”对话框，在对话框中输入“欢迎光临童心童话网！”。
2.单击【确定】按钮返回。

三．设置状态栏文本
1.单击“body”标签未选中任何页面元素，打开【行为】面板，选择【设置文本】级联菜单下的【设置状态栏文本】命令，弹出对话框。
2.在对话框中输入“纯真的年代，美丽的心情，梦想的乐园！”，单击【确定】按钮返回。
3.在【行为】面板控制事件中选择onLoad事件。
4.保存文件，浏览网页效果。

四．页面上飞来飞去的小动画
1.打开常用下拉列表，选择“布局”—“描绘层”，拖出一个层对象，选中层，选择“插入”—媒体—Flash，插入“donghua”Flash对象。
2.选中层对象，选择【修改】菜单【时间轴】级联菜单中的【录制层路径】命令，沿着要使动画飘动的路径拖动层对象。
3.在下方的时间轴面板上选中“自动播放”和“循环”复选框。
4.在浏览器中预览，可看到层对象顺着刚才拖动的路径运动。

五．弹出式菜单（index.htm）
1.选中导航条中的“外国童话”，在链接中输入“#”回车，设置空链接，打开【行为】面板，选择【显示弹出式菜单】命令，弹出“显示弹出式菜单”对话框。对话框的【内容】选项卡，在【内容】选项卡的文本输入框中输入菜单项的名称：格林童话，单击菜单旁的按钮，添加菜单选项：安徒生童话、伊索寓言，单击按钮，可以删除不想要的菜单选项。链接栏可为菜单选项设置超级链接。
2.单击【外观】，显示【外观】选项卡，可在【外观】选项卡中设置弹出式菜单的文字格式、一般状态和鼠标滑过状态文本和单元格的颜色属性等；单击【高级】，显示【高级】选项卡，可在此设置单元格的大小、间距、边框等属性；单击【位置】，显示【位置】选项卡，可在此设置相对于控制对象弹出式菜单显示的位置。
3.设置完成，单击【确定】按钮返回。

六．弹出浏览器(播放flash)
1.新建一个基本页，保存为ad.htm文件。
2.插入一个2行2列的表格，合并第一行，选择“插入”—媒体—Flash，插入“sanxing” 三星显示器广告Flash对象。在属性面板上为其命名“sanxing”。
3.在第二行2个单元格中分别插入b1、b2两个图片，设置居中。选中“播放”按钮，打开【行为】面板，选择【控制Shockwave或Flash】命令，在对话框中选择“播放”单选钮，单击【确定】按钮返回。在【行为】面板控制事件中选择onClick事件。同样设置“停止”按钮。
4.保存文件，打开index，单击“body”标签，打开【行为】面板，选择【打开浏览器窗口】弹出对话框。选中ad.htm，设置窗口大小为520*460，选中“调整大小手柄”。保存，在IE浏览器中浏览，用户可以通过两个按钮控制动画播放。

七．制作交换图像
1.新建一个html文件。
2.设置1行8列表格，插入t1-t8八张图片。鼠标单击选中图像，分别在属性面板上给图像命名从左到右依次为t1~t8。
3.选中最左边的图像t1，打开【行为】面板，选择【交换图像】，在对话框中选中第1项“图像”t1””，单击“设定原始档为”栏右边的【浏览】按钮，在弹出的对话框中选择图像t2；选择第2项“图像”t2””， “设定原始档为” t3；……选择第8项“图像”t8””，“设定原始档为” t1。单击【确定】按钮返回。
4.用同样的方法为每一幅图像设置【交换图像】行为。比如选中图像t2，在“交换图像”对话框中设置“图像”t1””交换为t3，“图像”t2””交换为t4……。如此一来，可实现鼠标经过图像不断向前移动的效果。其它图像以此类推。
对设置交换图像行为的一点补充说明：
使用交换图像行为可以创建按钮变换（鼠标经过图像效果）和其他图像效果（如本例的一次变换多幅图像）。交换图像动作可以通过改变代码中的图像源文件属性将一幅图像变换为另外一幅图像，因此，变换图像的尺寸（宽度和高度）应该与初始图像一致。

7、制作html网页中，我要做个特效：将鼠标移动到某段特定的文字时，就会出现一幅图片解释

这个要写脚本或者程序的，简单做法在鼠标事件里弹出一个框，在这个框里放上一副画就行了

8、网页设计特效？？

能说的具体点吗？yahoo还是yahoo中国？什么栏目？

此为下拉式菜单，按钮为flash。
下拉式菜单的代码无须自己编写，有软件可以自动按要求生成，具体软件请去天空下载，地址：
http://www.skycn.com/sort/sort2010900_indate_DESC_1.html
FLASH按钮其实也是很简单的。下载个Macromedia Flash 自己去做一个就行了。

9、这个网页里面的特效是怎么设计的? 用鼠标移动显示覆盖的效果!

用JQ写的代码，大体上就是鼠标移上去之后判断你的鼠标位置，然后显示第二张图片（也就是地震后的图片）的内容，基本上就是这个意思吧，你可以查看源里面的代码，写的挺简单的，不过真是好想法。
<script type="text/javascript" charset="utf-8">
jQuery(function(){

// Loop through all the sets of before and after pics
jQuery(".beforeafter").each(function(){

// Set the container's size to the size of the image
jQuery(this).width(jQuery(this).find("img[rel=before]").attr("width")).height(jQuery(this).find("img[rel=before]").attr("height"));

// Convert the images into background images on layered divs
jQuery(this).append("<div class='after'></div>").find(".after").css({"background": "url(" + jQuery(this).find("img[rel=after]").attr("src") + ")", "width": jQuery(this).find("img[rel=after]").attr("width") + "px", "height": jQuery(this).find("img[rel=after]").attr("height") + "px"});
jQuery(this).append("<div class='before'></div>").find(".before").css({"background": "url(" + jQuery(this).find("img[rel=before]").attr("src") + ")", "width": jQuery(this).find("img[rel=before]").attr("width") - 40 + "px", "height": jQuery(this).find("img[rel=before]").attr("height") + "px"});

// Add a helpful message
jQuery(this).append("<div class='help'>鼠标悬停图片上滑动观看</div>");

// Remove the original images
jQuery(this).find("img").remove();

// Event handler for the mouse moving over the image
jQuery(this).mousemove(function(event){

// Need to know the X position of the parent as people may have their browsers set to any width
var offset = jQuery(this).offset().left;

// Don't let the reveal go any further than 50 pixels less than the width of the image
// or 50 pixels on the left hand side
if ((event.clientX - offset) < (jQuery(this).find(".after").width() -50) && (event.clientX - offset) > 50) {
// Adjust the width of the top image to match the cursor position
jQuery(this).find(".before").width(event.clientX - offset);
}

});

// Fade out the help message after the first hover
jQuery(this).hover(function(){

jQuery(this).find(".help").animate({"opacity": 0}, 400, function(){ jQuery(this).find(".help").remove(); });

});

});

});

</script>

导航:首页 > 万维百科 > 网页设计移动特效

网页设计移动特效

与网页设计移动特效相关的知识