邮件订阅
5ucms模版,巧制可全屏拖动的图片
作者: 来源: 日期:2015/7/18 2:12:04 浏览量:64(滞后) 人气:LOADING...(实时) 【

5ucms模版,巧制可全屏拖动的图片

    我们可以用鼠标把Dreamweaver的层在页面内拖动,但要全屏拖动就困难了,下面是一种实现的方法:

制作步骤:

一、准备图片,取名back.jpg,如下:

二、建一个htm文件取名drag.htm,并写入下列代码:

< html>
  < head>
  < title>可拖动的图片< /title>
  < meta http-equiv="C>
  < /head>
  < body bgcolor="#FFFFFF" text="#000000" scroll=no topmargin=0 leftmargin=0 >
  < img alt="巧制可全屏拖动的图片" src=http://webasp/article/24/back.jpg width="120" height="120" style="cursor:hand;border:3 gold ridge">
  < /body>
  < /html>

drag.htm便是一个可以被拖动的页面。

三、在其他页面中调用drag.htm,加上下面的代码:

< head>
  < title>可全屏拖动的图片< /title>
  < meta http-equiv="C>
  < script language="JavaScript">
  functi>点击这里< /a>

好了,保存看看效果吧!


无忧站长学院,建站自然无忧www.5ucms.org

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms培训,制作弹出窗口常用技巧九则
下一篇:5ucms模版,巧使网页图片产生旋转效果
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms模版,巧制可全屏拖动的图片的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org