浮动图片.docx
- 文档编号:29950452
- 上传时间:2023-08-03
- 格式:DOCX
- 页数:57
- 大小:41.06KB
浮动图片.docx
《浮动图片.docx》由会员分享,可在线阅读,更多相关《浮动图片.docx(57页珍藏版)》请在冰豆网上搜索。
浮动图片
/***********************Css*********************************/
/*photo*/
.Wrap{
MARGIN:
0pxauto;OVERFLOW:
hidden;WIDTH:
550px;TEXT-ALIGN:
center
}
.Wrap.SiderLeft{
FLOAT:
left;WIDTH:
250px
}
#marqueeBoxULLI{
BACKGROUND:
url(../09/ico6.gif)no-repeatleft50%;OVERFLOW:
hidden;TEXT-INDENT:
10px;LINE-HEIGHT:
27px;WHITE-SPACE:
nowrap;HEIGHT:
27px
}
.Wrap.SiderCenter{
FLOAT:
left;MARGIN:
0px;WIDTH:
550px
}
#MainPromotionBanner{
FLOAT:
left;WIDTH:
100%;HEIGHT:
165px
}
#MainPromotionBanner#SlidePlayer{
MARGIN:
0pxauto;POSITION:
relative
}
#MainPromotionBanner.Slides{
PADDING-RIGHT:
0px;PADDING-LEFT:
0px;PADDING-BOTTOM:
0px;MARGIN:
0px;OVERFLOW:
hidden;PADDING-TOP:
0px;LIST-STYLE-TYPE:
none;HEIGHT:
165px
}
#MainPromotionBanner.SlidesLI{
FLOAT:
left;WIDTH:
550px;HEIGHT:
165px
}
#MainPromotionBanner.SlidesIMG{
BORDER-TOP-WIDTH:
0px;DISPLAY:
block;BORDER-LEFT-WIDTH:
0px;BORDER-BOTTOM-WIDTH:
0px;WIDTH:
546px;HEIGHT:
165px;BORDER-RIGHT-WIDTH:
0px
}
#MainPromotionBanner.SlideTriggers{
PADDING-RIGHT:
0px;PADDING-LEFT:
0px;Z-INDEX:
10;RIGHT:
10px;PADDING-BOTTOM:
0px;MARGIN:
0px;PADDING-TOP:
0px;LIST-STYLE-TYPE:
none;POSITION:
absolute;TOP:
140px;HEIGHT:
25px
}
#MainPromotionBanner.SlideTriggersLI{
DISPLAY:
inline;FONT-SIZE:
0.9em;BACKGROUND:
url(../img/slide_trigger.gif)no-repeatcentercenter;FLOAT:
left;MARGIN:
3px6px;OVERFLOW:
hidden;WIDTH:
16px;CURSOR:
pointer;COLOR:
#74a8ed;LINE-HEIGHT:
16px;FONT-FAMILY:
Arial;HEIGHT:
16px;TEXT-ALIGN:
center
}
#MainPromotionBanner.SlideTriggersLI.Current{
BORDER-TOP-WIDTH:
0px;FONT-WEIGHT:
bold;BORDER-LEFT-WIDTH:
0px;FONT-SIZE:
1.4em;BACKGROUND:
url(../img/slide_trigger_c.gif)no-repeatcentercenter;BORDER-BOTTOM-WIDTH:
0px;MARGIN:
0px6px;WIDTH:
21px;COLOR:
#fff;LINE-HEIGHT:
21px;HEIGHT:
21px;BORDER-RIGHT-WIDTH:
0px
}
#FlashPlayer{
FLOAT:
left;MARGIN:
12px0px0px;WIDTH:
100%;HEIGHT:
184px
}
/*******************************js*******************************************/
/*
Copyright(c)2007,Yahoo!
Inc.Allrightsreserved.
CodelicensedundertheBSDLicense:
version:
2.2.2
*/
/**/
if(typeofYAHOO=="undefined"){varYAHOO={};}
YAHOO.namespace=function(){vara=arguments,o=null,i,j,d;for(i=0;i 1: 0;j returno;};YAHOO.log=function(msg,cat,src){varl=YAHOO.widget.Logger;if(l&&l.log){returnl.log(msg,cat,src);}else{returnfalse;}};YAHOO.init=function(){this.namespace("util","widget","example");if(typeofYAHOO_config! ="undefined"){varl=YAHOO_config.listener,ls=YAHOO.env.listeners,unique=true,i;if(l){for(i=0;i if(unique){ls.push(l);}}}};YAHOO.register=function(name,mainClass,data){varmods=YAHOO.env.modules;if(! mods[name]){mods[name]={versions: [],builds: []};} varm=mods[name],v=data.version,b=data.build,ls=YAHOO.env.listeners;m.name=name;m.version=v;m.build=b;m.versions.push(v);m.builds.push(b);m.mainClass=mainClass;for(vari=0;i if(mainClass){mainClass.VERSION=v;mainClass.BUILD=b;}else{YAHOO.log("mainClassisundefinedformodule"+name,"warn");}};YAHOO.env=YAHOO.env||{modules: [],listeners: [],getVersion: function(name){returnYAHOO.env.modules[name]||null;}};YAHOO.lang={isArray: function(obj){if(obj&&obj.constructor&&obj.constructor.toString().indexOf('Array')>-1){returntrue;}else{returnYAHOO.lang.isObject(obj)&&obj.constructor==Array;}},isBoolean: function(obj){returntypeofobj=='boolean';},isFunction: function(obj){returntypeofobj=='function';},isNull: function(obj){returnobj===null;},isNumber: function(obj){returntypeofobj=='number'&&isFinite(obj);},isObject: function(obj){returnobj&&(typeofobj=='object'||YAHOO.lang.isFunction(obj));},isString: function(obj){returntypeofobj=='string';},isUndefined: function(obj){returntypeofobj=='undefined';},hasOwnProperty: function(obj,prop){if(Object.prototype.hasOwnProperty){returnobj.hasOwnProperty(prop);} return! YAHOO.lang.isUndefined(obj[prop])&&obj.constructor.prototype[prop]! ==obj[prop];},extend: function(subc,superc,overrides){if(! superc||! subc){thrownewError("YAHOO.lang.extendfailed,pleasecheckthat"+"alldependenciesareincluded.");} varF=function(){};F.prototype=superc.prototype;subc.prototype=newF();subc.prototype.constructor=subc;subc.superclass=superc.prototype;if(superc.prototype.constructor==Object.prototype.constructor){superc.prototype.constructor=superc;} if(overrides){for(variinoverrides){subc.prototype[i]=overrides[i];}}},augment: function(r,s){if(! s||! r){thrownewError("YAHOO.lang.augmentfailed,pleasecheckthat"+"alldependenciesareincluded.");} varrp=r.prototype,sp=s.prototype,a=arguments,i,p;if(a[2]){for(i=2;i rp[p]){rp[p]=sp[p];}}}}};YAHOO.init();YAHOO.util.Lang=YAHOO.lang;YAHOO.augment=YAHOO.lang.augment;YAHOO.extend=YAHOO.lang.extend;YAHOO.register("yahoo",YAHOO,{version: "2.2.2",build: "204"}); (function(){varY=YAHOO.util,getStyle,setStyle,id_counter=0,propertyCache={};varua=navigator.userAgent.toLowerCase(),isOpera=(ua.indexOf('opera')>-1),isSafari=(ua.indexOf('safari')>-1),isGecko=(! isOpera&&! isSafari&&ua.indexOf('gecko')>-1),isIE=(! isOpera&&ua.indexOf('msie')>-1);varpatterns={HYPHEN: /(-[a-z])/i,ROOT_TAG: /body|html/i};vartoCamel=function(property){if(! patterns.HYPHEN.test(property)){returnproperty;} if(propertyCache[property]){returnpropertyCache[property];} varconverted=property;while(patterns.HYPHEN.exec(converted)){converted=converted.replace(RegExp.$1,RegExp.$1.substr (1).toUpperCase());} propertyCache[property]=converted;returnconverted;};if(document.defaultView&&document.defaultView.getComputedStyle){getStyle=function(el,property){varvalue=null;if(property=='float'){property='cssFloat';} varcomputed=document.defaultView.getComputedStyle(el,'');if(computed){value=computed[toCamel(property)];} returnel.style[property]||value;};}elseif(document.documentElement.currentStyle&&isIE){getStyle=function(el,property){switch(toCamel(property)){case'opacity': varval=100;try{val=el.filters['DXImageTransform.Microsoft.Alpha'].opacity;}catch(e){try{val=el.filters('alpha').opacity;}catch(e){}} returnval/100;break;case'float': property='styleFloat';default: varvalue=el.currentStyle? el.currentStyle[property]: null;return(el.style[property]||value);}};}else{getStyle=function(el,property){returnel.style[property];};} if(isIE){setStyle=function(el,property,val){switch(property){case'opacity': if(YAHOO.lang.isString(el.style.filter)){el.style.filter='alpha(opacity='+val*100+')';if(! el.currentStyle||! el.currentStyle.hasLayout){el.style.zoom=1;}} break;case'float': property='styleFloat';default: el.style[property]=val;}};}else{setStyle=function(el,property,val){if(property=='float'){property='cssFloat';} el.style[property]=val;};} YAHOO.util.Dom={get: function(el){if(YAHOO.lang.isString(el)){returndocument.getElementById(el);} if(YAHOO.lang.isArray(el)){varc=[];for(vari=0,len=el.length;i returnc;} if(el){returnel;} returnnull;},getStyle: function(el,property){property=toCamel(property);varf=function(element){returngetStyle(element,property);};returnY.Dom.batch(el,f,Y.Dom,true);},setStyle: function(el,property,val){property=toCamel(property);varf=function(element){setStyle(element,property,val);};Y.Dom.batch(el,f,Y.Dom,true);},getXY: function(el){varf=function(el){if((el.parentNode===null||el.offsetParent===null||this.getStyle(el,'display')=='none')&&el! =document.body){returnfalse;} varparentNode=null;varpos=[];varbox;if(el.getBoundingClientRect){box=el.getBoundingClientRect();vardoc=document;if(! this.inDocument(el)&&parent.document! =document){doc=parent.document;if(! this.isAncestor(doc.documentElement,el)){returnfalse;}} varscrollTop=Math.max(doc.documentElement.scrollTop,doc.body.scrollTop);varscrollLeft=Math.max(doc.documentElement.scrollLeft,doc.body.scrollLeft);return[box.left+scrollLeft,box.top+scrollTop];} else{pos=[el.offsetLeft,el.offsetTop];parentNode=el.offsetParent;varhasAbs=this.getStyle(el,'position')=='absolute';if(parentNode! =el){while(parentNode){pos[0]+=parentNode.offsetLeft;pos[1]+=parentNode.offsetTop;if(isSafari&&! hasAbs&&this.getStyle(parentNode,'position')=='absolute'){hasAbs=true;} parentNode=parentNode.offsetParent;}} if(isSafari&&hasAbs){pos[0]-=document.body.offsetLeft;pos[1]-=document.body.offsetTop;}} parentNode=el.parentNode;while(parentNode.tagName&&! patterns.ROOT_TAG.test(parentNode.tagName)) {if(Y.Dom.getStyle(parentNode,'display')! ='inline'){pos[0]-=parentNode.scrollLeft;pos[1]-=parentNode.scrollTop;} parentNode=parentNode.parentNode;} returnpos;};returnY.Dom.batch(el,f,Y.Dom,true);},getX: function(el){varf=function(el){returnY.Dom.getXY(el)[0];};returnY.Dom.batch(el,f,Y.Dom,true);},getY: function(el){varf=function(el){returnY.Dom.getXY(el)[1];};returnY.Dom.batch(el,f,Y.Dom,true);},setXY: function(el,pos,noRetry){varf=function(el){varstyle_pos=this.getStyle(el,'position');if(style_pos=='static'){this.setStyle(el,'position','relative');style_pos='relative';} varpageXY=this.getXY(el);if(pageXY===false){returnfalse;} vardelta=[parseInt(this.getStyle(el,'left'),10),parseInt(this.getStyle(el,'top'),10)];if(isNaN(delta[0])){delta[0]=(style_pos=='relative')? 0: el.offsetLeft;} if(isNaN(delta[1])){delta[1]=(style_pos=='relative')? 0: el.offsetTop;} if(pos[0]! ==null){el.style.left=pos[0]-pageXY[0]+delta[0]+'px';} if(pos[1]! ==null){el.style.top=pos[1]-pageXY[1]+delta[1]+'px';} if(! noRetry){varnewXY=this.getXY(el);if((pos[0]! ==null&&newXY[0]! =pos[0])||(pos[1]! ==null&&newXY[1]! =pos[1])){this.setXY(el,pos,true);}}};Y.Dom.batch(el,f,Y.Dom,true);},setX: function(el,x){Y.Dom.setXY(el,[x,null]);},setY: function(el,y){Y.Dom.setXY(el,[null,y]);},getR
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 浮动 图片
![提示](https://static.bdocx.com/images/bang_tan.gif)