淘宝导航栏代码笔记

运行网站:http://www.html580.com/tool/livecode/index.php

2020.9.4 按钮文字(位置;点击结果;按钮)

<div style=" width:212px; height:24px;line-height:24px;overflow:hidden;float:left;overflow:hidden;zoom:1;margin:69px 0 0 25px;"><form method="get" action="http://shop72388134.taobao.com/category.htm" name="SearchForm"><input type="submit" class="J_TSubmitBtn btn" value="Search" style="width:60px;height:24px;background:#000000;border:none; float:right;cursor:pointer;color:#FFF;font-family: arial;">

2020.9.5  并排按钮文字

<div class="logo" style="float:left;width:100px;margin-right:20px;height:60px;overflow:hidden;">
&nbsp;
</div>
<div style=" float:left;"><form method="get" action="http://favorite.taobao.com/popup/add_collection.htm?id=72388134&amp;itemtype=0&amp;scene=taobao_shop" class="J_TokenSign" name="收藏本店"><input type="submit" class="J_TSubmitBtn btn" value="收藏本店" style="width:70px;height:60px;background:#000066;border:none; float:right;cursor:pointer;color:#FFF;font-family: arial;">
<form method="get" action="http://shop72388134.taobao.com/category.htm" name="特价清仓"><input type="submit" class="J_TSubmitBtn btn" value="特价清仓" style="width:70px;height:60px;background:#000000;border:none; float:right;cursor:pointer;color:#FFF;font-family: arial;">
<form method="get" action="http://shop72388134.taobao.com/category.htm" name="一件包邮"><input type="submit" class="J_TSubmitBtn btn" value="一件包邮" style="width:70px;height:60px;background:#780898;border:none; float:right;cursor:pointer;color:#FFF;font-family: arial;">
<form method="get" action="http://shop72388134.taobao.com/category.htm" name="一件包邮"><input type="submit" class="J_TSubmitBtn btn" value="一件包邮" style="width:70px;height:60px;background:#000000;border:none; float:right;cursor:pointer;color:#FFF;font-family: arial;">

2020.9.5-1  加入鼠标晃动变色

<div class="logo" style="float:left;width:100px;margin-right:20px;height:60px;overflow:hidden;">
 </div>
<div style=" float:left;"><form method="get" action="http://favorite.taobao.com/popup/add_collection.htm?id=72388134&amp;itemtype=0&amp;scene=taobao_shop" class="J_TokenSign" name="收藏本店"><input type="submit" class="J_TSubmitBtn btn" value="收藏本店" style="width:70px;height:60px;background:#000066;border:none; float:right;cursor:pointer;color:#FFF;font-family: arial;text-align:center;" onmouseover="this.style.background='#ff0000'" onmouseout="this.style.background='#000066'">

text-align:center;" onmouseover="this.style.background='#ff0000'" onmouseout="this.style.background='#000066'"

<div class=”logo” style=”float:left;width:100px;margin-right:20px;height:60px;overflow:hidden;”>
</div>
<div style=” float:left;”><form method=”get” action=”http://favorite.taobao.com/popup/add_collection.htm?id=72388134&amp;itemtype=0&amp;scene=taobao_shop” class=”J_TokenSign” name=”收藏本店”><input type=”submit” class=”J_TSubmitBtn btn” value=”收藏本店”style=”width:100px;height:60px;background:#FFFFFF;border:none; float:right;cursor:pointer;color:#000000;font-family:思源黑体 CN;font-size:18px;
text-align:center;” onmouseover=”this.style.background=’#ff0000′” onmouseout=”this.style.background=’#FFFFFF'”>

<form method=”get” action=”http://shop72388134.taobao.com/category.htm” name=”特价清仓”><input type=”submit” class=”J_TSubmitBtn btn” value=”特价清仓”style=”width:100px;height:60px;background:#FFFFFF;border:none; float:right;cursor:pointer;color:#000000;font-family:思源黑体 CN;font-size:18px;
text-align:center;” onmouseover=”this.style.background=’#ff0000′” onmouseout=”this.style.background=’#FFFFFF'”>

<form method=”get” action=”http://shop72388134.taobao.com/category.htm” name=”一件包邮”><input type=”submit” class=”J_TSubmitBtn btn” value=”一件包邮” style=”width:100px;height:60px;background:#FFFFFF;border:none; float:right;cursor:pointer;color:#000000;font-family:思源黑体 CN;font-size:18px;
text-align:center;” onmouseover=”this.style.background=’#ff0000′” onmouseout=”this.style.background=’#FFFFFF'”>

<form method=”get” action=”http://shop72388134.taobao.com/category.htm” name=”新品上市”><input type=”submit” class=”J_TSubmitBtn btn” value=”新品上市” style=”width:100px;height:60px;background:#FFFFFF;border:none; float:right;cursor:pointer;color:#000000;font-family:思源黑体 CN;font-size:18px;
text-align:center;” onmouseover=”this.style.background=’#ff0000′” onmouseout=”this.style.background=’#FFFFFF'”>

 

<div style=”overflow:hidden;height:60px;font-family:微软雅黑;background:url(//gdp.alicdn.com/imgextra/i1/906363840/O1CN01wvA3bm1eElVr42uKu_!!906363840.jpg) no-repeat center center;”>     //背景图
<div class=”logo” style=”float:left;width:100px;margin-right:20px;height:60px;overflow:hidden;”>
&nbsp;
</div>     //字体整体位置
<div style=”float:left;margin-top:10px;”>     // 字体向下偏移
<a href=”//favorite.taobao.com/popup/add_collection.htm?id=72388134&amp;itemtype=0&amp;scene=taobao_shop” target=”_blank”><input type=”submit” value=”收藏本店” style=”width:100px;height:60px;background:#FFFFFF;border:none;float:right;cursor:pointer;color:#000000;font-size:18px;text-align:center;” /> </a><a href=”//shop72388134.taobao.com/category.htm?scene=taobao_shop” target=”_blank”><input type=”submit” value=”特价清仓” style=”width:100px;height:60px;background:#FFFFFF;border:none;float:right;cursor:pointer;color:#000000;font-size:18px;text-align:center;” /> </a><a href=”//shop72388134.taobao.com/category.htm?scene=taobao_shop” target=”_blank”><input type=”submit” value=”一件包邮” style=”width:100px;height:60px;background:#FFFFFF;border:none;float:right;cursor:pointer;color:#000000;font-size:18px;text-align:center;” /> </a><a href=”//shop72388134.taobao.com/category.htm?scene=taobao_shop” target=”_blank”><input type=”submit” value=”新品上市” style=”width:100px;height:60px;background:#FFFFFF;border:none;float:right;cursor:pointer;color:#000000;font-size:18px;text-align:center;” /></a>
</div>
</div>
© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发

请登录后发表评论