html前端代码
为萨尔图等地区用户提供了全套网页设计制作服务,及萨尔图网站建设行业解决方案。主营业务为成都网站设计、成都做网站、萨尔图网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
名字
尺寸
价格
将三行代码放在同一列 名字
尺寸
价格
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;
}
你可能还需要
一条横线穿过 你还需要效果 -------你还需要-------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();
}
}
轮播侧滑
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 = ' ';
str += ' ';
str += '
';str += ' ';
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();
});
图片渐变
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];
}
文字一点上去出现下拉框
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;}
function showhid(id){
document.getElementById(id).style.display ='block';
}
function showhid2(id){
document.getElementById(id).style.display ='none';
}
背景图片撑开 background-size: cover 图片不够大居中不重复 no repeat center
图片不随页面滚动条滚动固定在某一位置样式font-family:'宋体';color:rgb(62,75,83);font-size:17px;background:rgb(192,192,192);">
#contain{width: 120px;height: 400px;position: fixed;left: 30px;top:200px; border: solid red1px ; }
#c{ list-style: none;text-align: center}
关于镇远
镇远简介
品牌释义
镇远文化
镇远活动
镇远简介
品牌释义
镇远愿景
镇远视屏
document.getElementById("contain").=function(){
document.getElementById("c").style.display='block';
}
document.getElementById("contain").=function(){
document.getElementById("c").style.display='none';
}
鼠标经过会显示隐藏导航栏
#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}
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);
}
锚点
>镇远简介
品牌释义
镇远文化
镇远活动
点上去文字图片放大
a:hover{ text-decoration:none; color:red; font-size:20px;}
鼠标悬停图片变大
分享题目:html前端代码
本文链接:http://ybzwz.com/article/gppssh.html