[素材]pchome左侧有奖调查

<style type="text/css" media="screen">.app-ewm-tg{ position:fixed; top:200px; width: 150px; left: 50%; _position: absolute; _top:expression(documentElement.scrollTop + 200 + "px"); z-index: 100; margin-left: -710px;zoom:1; display: none;} .app-ewm-tgs{margin-left:-650px} .app-ewm-pie{margin-left: -775px} .app-ewm-pro{margin-left: -750px} .app-ewm-tg .app-link{display: block; position: relative; float: left;} .app-ewm-tg .app-con{position:absolute; z-index: 10; left: 0; top: 0} .app-ewm-tg .app-bg{position: absolute; left: 0; top: 0; z-index: 0; width: 150px; height: 193px;background: url(http://www1.pconline.com.cn/zt/gz20150414/appewm/pd_left.png) no-repeat 0 0;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www1.pconline.com.cn/zt/gz20150414/appewm/pd_left.png"); } .app-ewm-tg .app-bg img{width:90px; height:90px; position:absolute; left:39px; top:95px; border:0; background:#fff; display:none} .app-ewm-tg .app-close{width: 16px; height: 17px; position: absolute; z-index: 12; display: inline-block; top: 0; left: 129px; font-size: 0; overflow: hidden; cursor: pointer;} .app-ewm-tg .app-txt{padding: 198px 10px 0 28px; width: 112px; text-align: center; color: #fff; line-height: 21px} .app-ewm-tg .app-txt i{display: block; font-size: 18px} .app-ewm-tg .app-txt em{font-size: 14px} .app-ewm-tg .app-txts{color:#333}</style>


<div class="app-ewm-tg" id="app-ewm-tg" style="display: block;"> 	<div class="app-link"> 		<div class="app-con"> 			<em class="app-close" id="app-close"></em> 			<div class="app-txt" id="app-txt"> 				<em>扫一扫</em> 				<em>干货文章随身看<br />海量奖品等你拿</em> 			</div> 		</div> 		<div class="app-bg" id="app-bg">         	<img src="http://www1.pconline.com.cn/zt/gz20150414/appewm/blank.png" width="90" height="90" id="app-img" />         </div> 	</div> </div>


<style type="text/css">.survey{position:fixed;bottom:20px; width:139px;height:162px;left:50%; _position: absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight -20 - this.clientHeight +'px'); z-index: 100; margin-left: -699px;zoom:1;cursor:pointer;display:block;} .survey-a{margin-left:-639px} .survey-b{margin-left: -764px} .survey-c{margin-left: -735px} .survey .survey-wrap{position:relative;width:139px;height:162px;} .survey .survey-wrap a{width:139px;height:162px;background:url(http://www1.pconline.com.cn/zt/gz20150605/survey/survey.png) no-repeat 0 0;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www1.pconline.com.cn/zt/gz20150605/survey/survey.png");display:block;-webkit-animation:jump 1.2s linear infinite;animation:jump 1.2s linear infinite;top:0;left:0;position:absolute;} @-webkit-keyframes jump{0%{-webkit-transform:translate(0,0px)} 25%{-webkit-transform:translate(0,-3px)} 50%{-webkit-transform:translate(0,1px)} 75%{-webkit-transform:translate(0,-1px)} 100%{-webkit-transform:translate(0,0px)}} @keyframes jump{0%{-webkit-transform:translate(0,0px)} 25%{-webkit-transform:translate(0,-3px)} 50%{-webkit-transform:translate(0,1px)} 75%{-webkit-transform:translate(0,-1px)} 100%{-webkit-transform:translate(0,0px)}} .survey .survey-close{cursor:pointer;width:16px;height:16px;top:0;right:6px;position:absolute;}</style>


<div class="survey" id="Jsurvey">     <div class="survey-wrap">         <a target=_blank href="http://pcgroup.sojump.com/jq/5098452.aspx" id="JsurveyLink" title="有奖调查"></a>         <em class="survey-close" id="JsurveyClose"></em>     </div> </div>