99e热国产最新地址获取_利用DIV+CSS制作浮動(dòng)廣告 -- [DIV+CSS]─ 深山工作室提供網(wǎng)絡(luò )投票系統|微信公眾號投票|微信公眾號小程序|抖音小程序|百度小程序|微信公眾號開(kāi)發(fā)|企業(yè)網(wǎng)站建設

<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins><button id="nc8ni"><form id="nc8ni"></form></button><form id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><ins id="nc8ni"><form id="nc8ni"></form></ins> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"></button><button id="nc8ni"></button>

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

利用DIV+CSS制作浮動(dòng)廣告

深山行者個(gè)人網(wǎng)站 2009/1/22 23:35:58 admin 字體:大中小瀏覽 15398

以下為詳細代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>利用DIV+CSS制作浮動(dòng)廣告,沒(méi)有用到多少javascript,全是css</title>
</head>

<body>
<div style="height:1500px;background:#f0f0f0;"></div>

<div id="qqobjbox" class="qqobjbox" style="display:block;" onmousemove="qqboxove('qqobjbox');" onmouseout="qqboxout('qqobjbox');">
qqbox
</div>

<style>
.qqobjbox,.qqobjboxove,.qqobjboxout {width:100px;height:80px;position:fixed !important;top:0;position:absolute;z-index:100;background:red;float:right;}
*html .qqobjbox,*html .qqobjboxove,*html .qqobjboxout {top:expression(offsetParent.scrollTop+20);}
.qqobjbox  {left:-80px;}
.qqobjboxove {left:0px;}
.qqobjboxout {left:-80px;}
</style>
<script>
function qqboxove(str){document.getElementById(str).className="qqobjboxove";}
function qqboxout(str){document.getElementById(str).className="qqobjboxout";}
</script>

</body>
</html>

以下ASP版代碼段：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標題文檔</title>

</head>

<body>

<FORM METHOD=POST ACTION="">
<SELECT NAME="qqboxlr">
  <OPTION VALUE="right" SELECTED>向"左"邊靠
  <OPTION VALUE="left">向"右"邊靠
</SELECT>
<SELECT NAME="qqboxtb">
  <OPTION VALUE="top" SELECTED>向"上"邊靠
  <OPTION VALUE="bottom">向"下"邊靠
</SELECT>
X軸：<INPUT TYPE="text" NAME="qqboxx">
<INPUT TYPE="submit" value="提交">
</FORM>

<div style="height:1500px;background:#f0f0f0;"></div>

<%
'可以設置X軸與Y軸
qqboxx = Trim(request("qqboxx"))
If qqboxx = "" Then
qqboxxs = "0"
Else
qqboxxs = qqboxx
End If

qqboxlr = Trim(request("qqboxlr"))
'qqboxlr = "right" 'qqboxlr 控制左右位置
if qqboxlr = "left" then
qqboxlrs = "right:"
elseIf qqboxlr = "right" then
qqboxlrs = "left:"
end If

qqboxtb = Trim(request("qqboxtb"))
'qqboxtb = "bottom"  'qqboxtb 控制上下位置
If qqboxtb = "top" Then
  qqboxtbs = "top:"
ElseIf qqboxtb = "bottom" Then
  qqboxtbs = "bottom:"
End if
%>

<div id="qqobjbox" class="qqobjbox" style="display:block;" onmousemove="qqboxove('qqobjbox');" onmouseout="qqboxout

('qqobjbox');">
qqbox
</div>

<style>

.qqobjbox,.qqobjboxove,.qqobjboxout {width:100px;height:80px;position:fixed !important;<%=qqboxtbs%>0;position:absolute;z-

index:100;background:red;float:<%=qqboxlr%>;}
*html .qqobjbox,*html .qqobjboxove,*html .qqobjboxout {<%=qqboxtbs%>expression(offsetParent.scrollTop+20);}
.qqobjbox {<%=qqboxlrs%>-80px;}
.qqobjboxove {<%=qqboxlrs%>0px;}
.qqobjboxout {<%=qqboxlrs%>-80px;}

</style>
<script>

function qqboxove(str){document.getElementById(str).className="qqobjboxove";}
function qqboxout(str){document.getElementById(str).className="qqobjboxout";}
</script>

</body>
</html>

前一頁(yè):豎排的選項卡

后一頁(yè):css解決中英混合鏈接下劃線(xiàn)不對齊問(wèn)題

相關(guān)閱讀: 一個(gè)更加高級的CSS菜單,絕對實(shí)用,超強的; 取得鼠標所在位置的對象; 一個(gè)超級變態(tài)的DIV+CSS; 振輝消音器; 改善用戶(hù)體驗之checkbox表單(最多可以選擇三個(gè)); 中國青島春秋國際旅行社有限公司; asp利用XMLHTTP加載動(dòng)態(tài)頁(yè)面并且生成靜態(tài)頁(yè)面; 微信公眾號回復圖文消息或用客服接口推送圖文消息

共有0條關(guān)于《利用DIV+CSS制作浮動(dòng)廣告》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱(chēng):
表情:
內容:	評論內容:不能超過(guò) 1000 字,需審核,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。
驗證碼:

網(wǎng)友評論聲明,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì )、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。

更多信息>>欄目類(lèi)別選擇: 百度小程序開(kāi)發(fā); 微信小程序開(kāi)發(fā); 微信公眾號開(kāi)發(fā); uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類(lèi)信息: jquery設置或獲取修改classname; 利用css3.0寫(xiě)出一個(gè)音樂(lè )播放的唱片碟盤(pán)的效果; 利用css中的scale()實(shí)現放大縮小效果; 利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標簽中; 利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車(chē)帝小程序; javascript獲取瀏覽器指紋可以用來(lái)做投票; 火狐Mozilla Firefox出現：無(wú)法載入您的Firefox配置文件它可能已經(jīng)丟失或是無(wú)法訪(fǎng)問(wèn) 問(wèn)題解決集合處理辦法; 在A(yíng)ndroid、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過(guò)代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: FLASH中加入LOADING的最簡(jiǎn)便方法; python中 f 用法; 鼠標經(jīng)過(guò)表格列時(shí)變色; 旅行社網(wǎng)站管理系統商業(yè)版4.0發(fā)布; 深山行者留言系統V2.2 .1 更新下載; 深山旅行社網(wǎng)站管理系統 v1.5

更多標簽熱門(mén)標簽

IP 相冊論壇定制字節數 rad vb 265 文章格式壓縮 png24 收藏柱狀漸隱工作室結果蜘蛛留言標語(yǔ) 創(chuàng )建彈窗灰色采集 style 混合自適應高度 email filter 我想你容器預覽復選框 flush 指向 dw 訪(fǎng)問(wèn)量屏幕 li 進(jìn)度上一頁(yè) 鼠標 Response 寬原則 table Request text 調節憂(yōu)化 shift

行業(yè)解決方案: 抖音小程序百度小程序微信小程序

了解我們: 關(guān)于深山; 業(yè)務(wù)范圍; 案例展示中心; 聯(lián)系我們; 網(wǎng)站地圖; 贊助深山

動(dòng)態(tài)展示: 定制網(wǎng)絡(luò )投票系統; 定制小程序

服務(wù)熱線(xiàn): 13961347334

: 微信公眾號二維碼

: 百度小程序二維碼

: 頭條抖音小程序二維碼

: 聯(lián)系微信二維碼

: 聯(lián)系QQ二維碼

免責聲明:本站所有資料信息,有部分為本人原創(chuàng ),部分為從網(wǎng)絡(luò )收集而來(lái),僅供網(wǎng)友查看閱讀所用,所有信息版權歸信息所有人或所有公司所有
如果信息內容侵犯到您的版權或權益請與我們聯(lián)系,經(jīng)確認后我們會(huì )立即移除相關(guān)內容或鏈接
Copyright © 2007-2024 深山工作室 All Rights Reserved
服務(wù)QQ:565449214 手機:13961347334
ICP備案:蘇ICP備15019627號

蘇公網(wǎng)安備 32070502010230號

亚洲精品456在线|S级爆乳玩具酱国产VIP皮裤|欧美成人精品第一区二区三区|久久永久免费人妻精品我不卡|亚洲欧洲日产无码

<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins><button id="nc8ni"><form id="nc8ni"></form></button><form id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><ins id="nc8ni"><form id="nc8ni"></form></ins> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"></button><button id="nc8ni"></button>