还剩12页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
embedsrc=http://player.youku.com/player.php/sid/XODIxMDE0MTI=/v.swfquality=highwidth=480height=400align=middleallowScriptAc__ss=sameDo__inallowFullscreen=truetype=application/x-shockw__e-flash/embed__滚动代码从右向左滚动__rqueescrollamount=1scrolldelay=3valign=middlebeh__ior=scrollimgborder=0src=要滚动的__地址1 imgborder=0src=要滚动的__地址2 /__rquee__滚动代码从下往上滚动 __rqueeo__ouseOver=this.stopo__ouseOut=this.startalign=__nterdirection=upscrollamount=1scrolldelay=3valign=middlebeh__ior=scrollimgborder=0src=要滚动的__地址1 imgborder=0src=要滚动的__地址2 /__rquee改版__rqueeO__OUSEOUT=this.scrollDelay=1O__OUSEOVER=this.scrollDelay=600scrollamount=1SCROLLDELAY=1border=0direction=upscrolldelay=70width=180height=130align=middleimgborder=0src=要滚动的__地址1 imgborder=0src=要滚动的__地址2 /__rquee说明
1.direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左__rqueedirection=left从右向左滚动/__rquee__rqueedirection=right从左向右滚动/__rquee
2.beh__ior属性:指定文本的滚动方式,分为三种:Scroll:从一端消失后,在另一端出现并继续滚动__rqueebeh__ior=scroll一圈一圈地滚动/__rqueeSlide:从一端滚动,接触到另一端后停止__rqueebeh__ior=slide只滚动一次就停止/__rqueeAlternate:从一端滚动到另一端后,反向滚动 __rqueebeh__ior=alternate来回滚动/__rqueedirection=up(left、right、down)这个属性可以更改,这样就可以实现上下左右了
3.scrolldelay属性设置__每步的延时单位为毫秒
4.scrollamount属性设置滚动速度单位为秒,取值1-60 示例:!****__滚动****DIValign=__nter__RQUEEscrollAmount=1scrollDelay=1direction=rightbeh__ior=alternatewidth=300height=200BORDER=0ALIGN=middleIMGsrc=http://s
2.sinaimg.cn/__all/610b0f0fg6fd0fbf26971amp;690border=0IMGsrc=http://s
13.sinaimg.cn/__all/610b0f0fg6fd0fbc4a5acamp;690border=0IMGsrc=http://s
12.sinaimg.cn/__all/610b0f0fg6fd0fb96f46bamp;690border=0IMGsrc=http://s
15.sinaimg.cn/__all/610b0f0fg6fd0fadfde7eamp;690border=0IMGsrc=http://s
10.sinaimg.cn/__all/610b0f0fg6fd0fab21c49amp;690border=0IMGsrc=http://s
16.sinaimg.cn/__all/610b0f0fg6fd0fa74f83famp;690border=0IMGsrc=http://s
15.sinaimg.cn/__all/610b0f0fg6fd0fcd74e__amp;690border=0IMGsrc=http://s
14.sinaimg.cn/__all/610b0f0fg6fd0fc9a62cdamp;690border=0IMGsrc=http://s
12.sinaimg.cn/__all/610b0f0fg6fd0fc6c840bamp;690border=0/__RQUEE/DIV!****__滚动结束****dreamwe__er里怎么让__连续的不间断的滚动htmlheadtitle__滚动/title/headbodydivid=__rquee_demostyle=overflow:hidden;width:100%;text-align:__nter;border:1pxsolid#0066cctable__llspacing=0__llpadding=3align=__nterborder=0trtdid=__rquee_product1valign=toptablewidth=100%height=100border=0__llpadding=2__llspacing=0trtdahref=#imgsrc=http://___.codefans.net/jscss/demoimg/wall_s
1.jpghttp://___.codefans.net/jscss/demoimg/wall_s
1.jpg\t_blankborder=0/a/tdtdahref=#imgsrc=http://___.codefans.net/jscss/demoimg/wall_s
2.jpghttp://___.codefans.net/jscss/demoimg/wall_s
2.jpg\t_blankborder=0/a/tdtdahref=#imgsrc=http://___.codefans.net/jscss/demoimg/wall_s
3.jpghttp://___.codefans.net/jscss/demoimg/wall_s
3.jpg\t_blankborder=0/a/tdtdahref=#imgsrc=http://___.codefans.net/jscss/demoimg/wall_s
4.jpghttp://___.codefans.net/jscss/demoimg/wall_s
4.jpg\t_blankborder=0/a/tdtdahref=#imgsrc=http://___.codefans.net/jscss/demoimg/wall_s
5.jpghttp://___.codefans.net/jscss/demoimg/wall_s
5.jpg\t_blankborder=0/a/tdtdahref=#imgsrc=http://___.codefans.net/jscss/demoimg/wall_s
6.jpghttp://___.codefans.net/jscss/demoimg/wall_s
6.jpg\t_blankborder=0/a/tdtdahref=#imgsrc=http://___.codefans.net/jscss/demoimg/wall_s
7.jpghttp://___.codefans.net/jscss/demoimg/wall_s
7.jpg\t_blankborder=0/a/tdtdahref=#imgsrc=http://___.codefans.net/jscss/demoimg/wall_s
8.jpghttp://___.codefans.net/jscss/demoimg/wall_s
8.jpg\t_blankborder=0/a/tdtdahref=#imgsrc=http://___.codefans.net/jscss/demoimg/wall_s
9.jpghttp://___.codefans.net/jscss/demoimg/wall_s
9.jpg\t_blankborder=0/a/td/tr/table/tdtdid=__rquee_product2valign=top/td/tr/table/divscripttype=text/j__ascriptvarspeed=30;__rquee_product
2.innerHTML=__rquee_product
1.innerHTML;function__rquee{if__rquee_demo.scrollLeft=__rquee_product
1.scrollWidth{__rquee_demo.scrollLeft=0;}else{__rquee_demo.scrollLeft++;}}varMy__r=setInterval__rqueespeed;__rquee_demo.o__ouseover=function{clearIntervalMy__r;}__rquee_demo.o__ouseout=function{My__r=setInterval__rqueespeed;}/script/body/html如何用Dreamwe__er制作滚动字幕和滚动__滚动字幕和滚动__相信很多地方都会看见的,其实制作也非常简单,我也是自己学习的,今天就教给大家,希望有所帮助制作滚动字幕大多数都会选择用Dreamwe__er来做比较简单,也可以用PS制作,今天我就教大家用Dreamwe__er来制作,没有这个软件的可以到网上下载就可以了,我是用的Dreamwe__er8,开始做多试下,相信您也可以打造个属于自己风格的店铺! 其实Dreamwe__er很多学习都是比较有用的,如果有时间可以多了解哈,还有__和字幕的链接都是可以在里面设置的,很方便今天在这里罗嗦了,请多多谅解哦!下面是制作的详细步骤,希望对您有帮助!Dreamwe__er制作滚动字幕是使用“标签选择器”插入“__rquee”标签,如下图所示!
1、首先把光标插入点放在需要插入滚动字幕的地方,也可直接在代码那插入一样
2、__插入面板的“标签选择器”页元素
3、选择“__rquee”标签,点“插入”按钮
4、转换到代码栏,把光标插入点放到“__rquee”标签内,然后输入您需要滚动的文字内容,如下图所示!
5、选择窗口,标签的属性栏设置文字的各种用法
(1)、点beh__ior设置右边的下拉箭头,选择滚动文字的运动方式 alte__te是文字在相反的方向滚来滚去. Scroll是文字向同一个方向滚动. Slicle是文字或__接触到文字边框停止滚动.
(2)、direction设置右边的下拉箭头,选择文字内容的滚动方向 down向下滚动 left向左滚动 right向右滚动 up向上滚动
(3)、width滚动内容的宽度
6、标签检查器属性旁边的“行为”也是可以设置的,设置滚动文字的动作,常为停止滚动或设置鼠标离开滚动字幕的动作 __onMonseover动作[this.stop;] __onMouseout 动作[this.start;] 好啦,该睡觉了哦,希望对自己学习装修店铺的朋友有所帮助,其实滚动字幕和滚动__是一样的设置,自己多试试就很快会了,打造一个属于自己的店铺是有必要的哦,因为是第一次写这种文章,在这里献丑了,希望高手朋友多多指教,写得不好,请谅解!如有不明白的地方可以留言跟贴或来小店__,我一定尽最大努力解决!希望可以共同交流,彼此学习!祝大家“端午”节快乐!还有很多免费的装修素材,如有需要可以和我__,希望能有所帮助! 送给大家一套向上滚动的字幕代码,直接将代码放到您需要滚动的地方__rqueebeh__ior=scrolldirection=upwidth=200height=150loop=-1scrollamount=1scrolldelay=1style=font:12px;o__ouseOver=this.stop;o__ouseOut=this.start;spanclass=STYLE1缘衣轩韩版服饰店欢迎您!这里内容换成您自己的文字/span/__rqueeDreamwe__er__滚动代码__滚动代码从右向左滚动__rqueescrollamount=1scrolldelay=3valign=middlebeh__ior=scrollimgborder=0src=http://要滚动的__地址1imgborder=0src=http://要滚动的__地址2/__rquee__滚动代码从下往上滚动__rqueeo__ouseOver=this.stopo__ouseOut=this.startalign=__nterdirection=upscrollamount=1scrolldelay=3valign=middlebeh__ior=scrollimgborder=0src=http://要滚动的__地址1imgborder=0src=http://要滚动的__地址2/__rquee文字来回滚动代码__rqueebeh__ior=alternatewidth=90%height=100scrollamount=3scrolldelay=30atarget=conthref=http://hi.baidu.com/luckcxhttp://hi.baidu.com/luckcx%22%3e年轻无极限/a/__rquee我来解说一下上面的代码的意思吧! __rqueebeh__ior=alternate这是来回滚动的代码scrollamount=3这里面的3字表示文字滚动的速度数字越大滚动的速度也越快width=100表示你的__的宽度height=100表示你的__的高度360度的全景照片网页上欣赏到360度的全景照片是一件很有趣的事,不要担心制作过程会很复杂,我们在这里介绍一种最简单的方法,同样可以达到效果,学起来很容易,只要会一点点html和css的基本语法就足够了 注意这个效果只有用IE浏览器才能看到下面我们来看看整个的制作过程第一步准备一张全景__您可以自己拍也可以从网上下载当然如果您摄影技术足够高的话我还是建议你自己拍一张(题材如家庭居室的全景等),这样显得更加生动一些;如果你和我一样是个摄影菜鸟,那么还是在网上找一幅吧,如果也不是那么好找,我这里提供给你两幅照片HYPERLINKhttp://www.blueidea.com/articleimg/2003/10/980/4_53_
1.jpg\t_blankINCLUDEPICTUREhttp://www.blueidea.com/articleimg/2003/10/980/4_53_
1.jpg\*MERGEFORMATHYPERLINKhttp://www.blueidea.com/articleimg/2003/10/980/4_53_
2.jpg\t_blankINCLUDEPICTUREhttp://www.blueidea.com/articleimg/2003/10/980/4_53_
2.jpg\*MERGEFORMAT前者是一个棒球场的全景,后者是一个办公室的全景,__名称分别是yl-020315-3d.jpg和yl-020315-3d
2.jpg第二步做一个表格存放__用Dreamwe__er等网页制作软件做一个1行2列的表格,以便在左边的单元格内放置滚动的文字说明,右边的单元格放置全景__在表格属性中作如下设置border=0__llspacing=0__llpadding=0height=150width=220,注意高度和所选的全景__一致;左侧单元格宽度为20,右侧为200;为表格做个边框,我们可以利用css定义style=border:#3333663double,即边框颜色采用#333366,宽度为3,线形为双线然后我们再给两个单元格中间设置分界线,即对左侧单元格使用样式style=border-right:#3333663double,颜色线型和表格外框一致;接着将左侧单元格的背景色设置为#333366,把右侧单元格的背景设置为yl-020315-3d.jpg,即作成如下模样HYPERLINKhttp://www.blueidea.com/articleimg/2003/10/980/4_53_
3.jpg\t_blankINCLUDEPICTUREhttp://www.blueidea.com/articleimg/2003/10/980/4_53_
3.jpg\*MERGEFORMAT第三步使全景____要使____的方法很多,如用Dreamwe__er的层和时间线,用j__ascript,甚至可以用j__aapplet不过我们这里用简单的__rquee我们先了解一下__rquee的主要参数b__olor背景颜色,可输入颜色的英文名称或者16进制代码等;direction=left|right|up|down滚动方向(左|右|上|下)beh__ior=scroll|slide|alternatescroll表示由一端滚动到另一端;slide表示由一端快速滑动到另一端,不再重复;alternate表示在两端之间来回滚动;height=数值滚动区域的高度;width=数值滚动区域的宽度;scrollamount=数值决定滚动的速度,数值越大滚动越快;Scrolldelay=数值延迟时间,数值越大跳跃越明显;loop=数值循环次数,不设置该值即表示无限循环注意,__rquee不仅可以使文字滚动,也可以使__滚动,只要在__rquee和/__rquee间插入imgsrc=url就可以了下面我们就把全景__插入到右侧的单元格中,代码如下tdbackground=yl-020315-3d.jpg__rqueebeh__ior=scrolldirection=leftwidth=200height=150scrollamount=2scrolldelay=0imgsrc=yl-020315-3d.jpgwidth=800height=150/__rquee/td然后我们对它添加一些行为onClick=this.start当鼠标__时开始播放;o__ouseOver=this.stop当鼠标移入时停止播放;o__ouseOut=this.start当鼠标移出时继续播放另外,我们还可以加上标题style=title:标题内容;改变鼠标式样style=cursor:hand等,全部代码如下tdbackground=yl-020315-3d.jpgtitle=360全景图单击开始播放__rqueestyle=cursor:handbeh__ior=scrolldirection=leftwidth=200height=150scrollamount=2scrolldelay=0onClick=this.starto__ouseOver=this.stopo__ouseOut=this.startimgsrc=yl-020315-3d.jpgwidth=800height=150/__rquee/td如果你细心的话会发现__滚动时头尾对接不上,解决的办法是在插入__的地方重复多插几次__,或者使用一点j__ascript语句让__循环滚动scriptlanguage=j__ascript fort=1;t=1000;t++ document.writeimgsrc=3d.jpgwidth=906height=143/script第四步制作滚动的文字说明制作滚动文字对大家来说是家常便饭,至于怎样把文字竖排也不难,只要加上如下样式style=writing-mode:tb-rl即可,其中tb表示top-bottom,rl表示right-left代码如下tdb__olor=#333366style=border-right:#3333663double__rqueestyle=cursor:handbeh__ior=scrolldirection=rightwidth=20height=150scrollamount=1scrolldelay=0o__ouseover=this.stopo__ouseout=this.startfontstyle=__rgin-top:20;writing-mode:tb-rl;font-size:9ptfa__=楷体_GB2312color=#ffffff全景效果图brbr三百六十度brbr全方位展示画面brbr乐趣多多!brbrxxxx制作/font/__rquee/td。