您的位置:首页资讯教你一招 → ULTRADEV经典之旅-动态菜单实战

ULTRADEV经典之旅-动态菜单实战

时间:2004/10/15 1:21:00来源:本站整理作者:蓝点我要评论(0)

                   第一步: 准备图片  图片和层―― 准备图片  这里出现的是在下拉菜单结构中出现的图形:
1图2图images/up/menu1trig.gifimages/over/menu1trig2.gifimages/up/menu2trig.gifimages/over/menu2trig2.gifimages/up/menu3trig.gifimages/over/menu3trig2.gifimages/up/menu4trig.gifimages/over/menu4trig2.gif增加的图片images/menutopper.gifimages/shim.gif  (1) 在images文件夹下建立两个文件夹分别来存放1图和2图,例如:把文件夹取名为“UP”和“OVER”,“UP”中存放所有的“ 1 图”,“OVER”中存放所有的 “2 图”,这是非常容易定义的。
  (2) 由于在不同的文件夹,一个转换效果用到的“ 1 图”和 “2 图”可以用同样的文件名,这样是不是可以对这些图片进行管理呢:)
  举例:  up/menu1trig.gif(1图)over/menu1trig.gif(2图) 分别位于不同的文件夹下,它们的转换形成了一个动态按钮的效果。我们使用过程的概念是这样的:  2、图片由白色的 1 图变成蓝色的 2 图。
  3、如果同时触发一个下拉菜单,那么鼠标移到按钮上去的时候菜单可见,移开则不可见。 在前三个转换效果时,为了达到下拉菜单与按钮的一致性视觉效果,在它们之间都加入了一个小矩形的蓝条,这是通过在下拉菜单的顶行插入背景图片来实现的。
图片和层--建立层和表格  菜单系统是一共是由6个用
标签命名的CSS-P层组成的。
层的名字层的用途:version3对于3.0版本浏览器的用户显示基本的信息。triggers把控制下拉菜单的按钮在在顶端排成一排。menu1第一个下拉菜单。menu2第二个下拉菜单。menu 3第三个下拉菜单。menucloser放置一个几乎与页面等大的透明GIF图用来关闭菜单的层具体说明:层:version3
 这个层放在源代码的最前面,并且在层的设置中属性是隐藏的,这样的话,3.0版本的浏览器可以在它们窗口的顶端看到层中的内容,包括里面的图片和链接,4.0版本的用户将不会看到这个层。  2、运用插入( INSERT)菜单或在OBJECT(物件)面板插入一个层,把它定位在左上角,紧贴上边界和靠近左边界的地方;
  3、如下图 picture 1 所示使用属性面板(Property Inspector )给层命名并且设置它的属性;
  4、选择层或按(F11)键激活层对它进行编辑;
  5、在层内插入一个单行单列的表格,并输入相应的信息,以便3.0版本浏览器的用户可以看到这些内容,例如:您的浏览器版本太旧,无法正常浏览该页!

 层:triggers……
 该层包括2行4列放置页面标题,即用来触发下拉菜单的按钮,该层的属性是可见的。
  1、运用插入(INSERT)菜单或在OBJECT(物件)面板插入一个层,把它定位在左上角,紧贴上边界和靠近左边界的地方;
  2、如下图picture 2 所示设置该层的属性。

  3、如下图 picture 3所示在层内插入一个一行四列的表格。

  插入原始图片

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 电视盒子怎么看百度云迅雷9怎么关闭右侧 迅迅雷99.99下载不完怎么网易云音乐怎么上传歌

最新文章 2022支付宝万能福扫福微信迎新春状态怎么设 微信小老虎头像怎么设置 微信ID后面设置小老抖音压岁钱卡怎么获得2022 抖音压岁钱获取方微博隐私保护怎么设置 微博隐私保护功能完善今日头条2022年集卡活动开启时间 今日头条2

人气排行 智学网怎么登录 智学网怎么查分数 智学网统教你怎么写电子邮箱格式?以163和QQ邮箱为例腾讯大王卡用了后悔怎么办 腾讯大王卡值得办缺少或丢失xinput1_3.dll解决方法,xinput1应用程序无法正常启动0xc000007b解决方法快播关闭怎么办?快播不能用了怎么看片将pdf文件转换为word文件的最简单方法如何破解QQ空间密码和权限