溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
<div >
<p>名字</p>
<p>尺寸</p>
<p>價格</p>
</div>
將三行代碼放在同一列 名字
尺寸
價格
Apple-tab-span" >color: #666666;
font-size: 13px;
/*font-weight: ;*/
margin: 15px 15px;
text-transform: uppercase;
text-align: center;
position: relative;
z-index: 2;
}
.linetext:before {
content: " ";
position: absolute;
background: #efeff4;
bottom: -6px;
width: 100px;
height: 30px;
z-index: -1;
left: 50%;
margin-left: -50px;
}
.linetext:after {
content: " ";
position: absolute;
border: 1px solid #c0c0c0;
bottom: 7px;
left: 0;
width: 100%;
height: 0;
z-index: -2;
}
<h6 class="linetext">你可能還需要</h6> 一條橫線穿過 你還需要效果 -------你還需要-------
foreach (GridViewRow item in HeadGridView.Rows)
{
double pricerow = Convert.ToDouble(item.Cells[4].Text.Trim()) * Convert.ToDouble(item.Cells[5].Text.Trim());
total += pricerow;
}
total = total * tian;價格相乘總價
DATAMODEL 下面DATAMODELL 雙擊點開下拉從數據庫中添加
H_Customers model1 = new H_CustomersBll().GetModelByID(model.CustomerId.ToString().ToInt());
if (!model1.Id.IsNullOrEmpty())
{
if (model1.Id.ToString().ToInt() != 0)
{
H_CustomersBll pub = new H_CustomersBll();
H_Customers user = pub.GetModelByID(model1.Id.ToString().ToInt());
txtCustomerId.Text = user.NickName;
hdID.Value = model.CouponId.ToString();
}
}
輪播側滑
<div class="mui-content" >
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<!-- 額外增加的一個節點(循環輪播：第一個節點是最后一張輪播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="img/6.png">
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="img/7.png">
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="img/8.png">
</a>
</div>
</div>
</div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/APPSetting.js"></script>
<script type="text/javascript" charset="utf-8">
function showhid(id){
document.getElementById(id).style.display ='block';
}
function showhid2(id){
document.getElementById(id).style.display ='none';
}
mui.init({});
var slider = mui("#slider");
slider.slider({
interval: 2000
});
//首頁輪播
function LoadData() {
mui.ajax(webSite + 'NoAuth.ashx?op=getindexslider', {
data: {
//pageIndex:pageIndex
},
dataType: 'json', //服務器返回json格式數據
type: 'post', //HTTP請求類型
timeout: 10000, //超時時間設置為10秒；
success: function(data) {
//服務器返回響應，根據響應結果，分析是否登錄成功；
console.log("ok get");
var table = document.body.querySelector('.mui-slider-group');
var str = '';
table.innerHTML = '';
//console.log('clear');
var datalist = data.Data;
var divfirst = document.createElement('div');
var divlast = document.createElement('div');
divfirst.className = 'mui-slider-item mui-slider-item-duplicate';
divlast.className = 'mui-slider-item mui-slider-item-duplicate';
for (var i = 0; i < datalist.length; i++) {
//console.log(datalist[i].ImageURL);
var div = document.createElement('div');
div.className = 'mui-slider-item';
str = '<a href="#"> ';
str += '<img src="' + webSiteROOT + datalist[i].ImageURL + '"> ';
str += ' <p class="mui-slider-title">' + datalist[i].Description + '</p>';
str += ' </a> ';
var urlstr = webSiteROOT + 'APPHQS/' + datalist[i].OutsideURL;
console.log(urlstr);
div.setAttribute('data-id', urlstr);
if (i == 0) {
divlast.innerHTML = str;
}
if (i == (datalist.length - 1)) {
divfirst.innerHTML = str;
}
div.innerHTML = str;
table.appendChild(div);
}
table.insertBefore(divfirst, table.firstChild);
table.appendChild(divlast);
},
error: function(xhr, type, errorThrown) {
//異常處理；
console.log(type);
}
});
}
mui.plusReady(function() {
LoadData();
});
</script>
圖片漸變
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img id=obj src ="img/6.png" width=200 height=150 border =0>
</body>
<script language =javascript >
var curIndex=0;
//時間間隔(單位毫秒)，每秒鐘顯示一張，數組共有5張圖片放在Photos文件夾下。
var timeInterval=1000;
var arr=new Array();
arr[0]="img/6.png";
arr[1]="img/7.png";
arr[2]="img/8.png";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
</script>
</html>
文字一點上去出現下拉框
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{ font-size:12px;}
.show{ position:relative; width:100px; height:20px;text-align:center; line-height:20px; }
.show a{ color:#215968;}
.hidden{ position:absolute; top:20px; left:0; }
.hidden a{ display:inline-block; color:#215968;}
</style>
</head>
<body>
<div class="show" onmouseout="showhid2('downmenu1')">
<a href="#" class="add" onclick="showhid('downmenu1');">新建</a>
<div class="hidden" id="downmenu1" >
<ul >
<li><a href="index.html">發文擬稿</a></li>
<li><a>發文擬稿</a></li>
<li><a>發文擬稿</a></li>
</ul>
</div>
</div>
</body>
<script type="text/javascript">
function showhid(id){
document.getElementById(id).style.display ='block';
}
function showhid2(id){
document.getElementById(id).style.display ='none';
}
</script>
</html>
背景圖片撐開 background-size: cover 圖片不夠大居中不重復 no repeat center
圖片不隨頁面滾動條滾動固定在某一位置樣式font-family:'宋體';color:rgb(62,75,83);font-size:17px;background:rgb(192,192,192);"><html>
<style>
#contain{width: 120px; height: 400px; position: fixed;left: 30px;top:200px; border: solid red 1px ; }
#c{ list-style: none;text-align: center}
</style>
<body>
<div id="contain" onmouseover="over()" onmouseout="out()">
<ul id="c">
<li><a><h3>關于鎮遠</h3></a></li>
<li><a href="#"><h4>鎮遠簡介</h4></a></li>
<li><a href="#"><h4>品牌釋義</h4></a></li>
<li><a href="#"><h4>鎮遠文化</h4></a></li>
<li><a href="#"><h4>鎮遠活動</h4></a></li>
<li><a href="#"><h4>鎮遠簡介</h4></a></li>
<li><a href="#"><h4>品牌釋義</h4></a></li>
<li><a href="#"><h4>鎮遠愿景</h4></a></li>
<li><a href="#"><h4>鎮遠視屏</h4></a></li>
</ul>
</div>
</body>
<script type="text/javascript">
document.getElementById("contain"). = function(){
document.getElementById("c").style.display='block';
}
document.getElementById("contain"). = function(){
document.getElementById("c").style.display='none';
}
</script>
</html>
鼠標經過會顯示隱藏導航欄
<html>
<head>
<title>test</title>
<style type="text/css">
#main{
width:370px;
height:400px;
background:url('1.bmp') right top no-repeat;
position:fixed;
top:150px;
border-top:2px solid gray;
border-bottom:2px solid gray;
border-right:2px solid red;
}
#c{ list-style: none;text-align: center}
</style>
<script type="text/javascript">
var frag1=null;
var frag2=null;
function baropen()
{
var barobj=document.getElementById("main");
var curleft=barobj.style.left;
curw=parseInt(curleft);
var test=1;
test*=5;
if(curw<0)
{
barobj.style.left=(curw+test)+"px";
}
else
{
clearInterval(frag1);
frag1=null;
}
}
function barclose(barobj)
{
var barobj=document.getElementById("main");
var curleft=barobj.style.left;
curw=parseInt(curleft,10);
var test=1;
test*=5;
if(curw>-350)
{
barobj.style.left=(curw-test)+"px";
}
else
{
clearInterval(frag2);
frag2=null;
}
}
function loopopen()
{
if(frag2!==null)
{
clearInterval(frag2);
}
frag1=setInterval('baropen()',1);
}
function loopclose()
{
clearInterval(frag1);
frag2=setInterval('barclose()',1);
}
function test()
{
alert(document.getElementById("main").style.left);
}
</script>
</head>
<body>
<div id="main" onmouseout="loopclose();">
<ul id="c">
<li><a><h3>關于鎮遠</h3></a></li>
<li><a href="#"><h4>鎮遠簡介</h4></a></li>
<li><a href="#"><h4>品牌釋義</h4></a></li>
<li><a href="#"><h4>鎮遠文化</h4></a></li>
<li><a href="#"><h4>鎮遠活動</h4></a></li>
<li><a href="#"><h4>鎮遠簡介</h4></a></li>
<li><a href="#"><h4>品牌釋義</h4></a></li>
<li><a href="#"><h4>鎮遠愿景</h4></a></li>
<li><a href="#"><h4>鎮遠視屏</h4></a></li>
</ul>
</div>
<!--
<div id="contain" onmouseout="out()">
<ul id="c">
<li><a><h3>關于鎮遠</h3></a></li>
<li><a href="#"><h4>鎮遠簡介</h4></a></li>
<li><a href="#"><h4>品牌釋義</h4></a></li>
<li><a href="#"><h4>鎮遠文化</h4></a></li>
<li><a href="#"><h4>鎮遠活動</h4></a></li>
<li><a href="#"><h4>鎮遠簡介</h4></a></li>
<li><a href="#"><h4>品牌釋義</h4></a></li>
<li><a href="#"><h4>鎮遠愿景</h4></a></li>
<li><a href="#"><h4>鎮遠視屏</h4></a></li>
</ul>-->
</div>
</body>
</html>
錨點
><a class="main_a" href="#2"><h5>鎮遠簡介</h5></a></li>
<li><a class="main_a" href="#3"><h5>品牌釋義</h5></a></li>
<li><a class="main_a" href="#4"><h5>鎮遠文化</h5></a></li>
<li><a class="main_a" href="#5"><h5>鎮遠活動</h5></a></li>
<div id="2">B</div>
<div id="3">C</div>
<div id="4">D</div>
<div id="5">E</div>
點上去文字圖片放大
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
a:hover{ text-decoration:none; color:red; font-size:20px;}
</style>
</head>
<body>
<a href="#">鼠標懸停這里字體變大</a>
</body>
</html>
鼠標懸停圖片變大
<img src="img/1.png" width=422 height=156 onMouseover="this.width=522; this.height=156" onMouseout="this.width=422;this.height=156">
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
