文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>css链接按钮示例...

css链接按钮示例...

时间:2010-08-05  来源:yousuf007

#elButton1 a /*关闭button(使<a>有<button>的效果)*/

{

     background: transparent url('../../Content/Images/button_bg.jpg') no-repeat scroll top right;

     text-decoration: none;

    

     width:80px;

     padding-left:100px;

     padding-bottom:20px;

     cursor:default;

}

 

#elButton1 a:hover /*发布新闻button(使<a>有<button>的效果)*/

{

     background: transparent url('../../Content/Images/button_bg_over.jpg') no-repeat scroll top right;

}

这样,在页面中可以减少JS代码,只下面一行代码就OK:

<%= Html.ActionLink(" ", "Index", new { id = Model.sid })%>

这个链接既有按钮的样式,又有<a></a>的特性,可以实现.net MVC中的action跳转!

相关阅读 更多 +
排行榜 更多 +
独角兽装扮物语

独角兽装扮物语

休闲益智 下载
多格和迷失的猫

多格和迷失的猫

休闲益智 下载
模拟赛车精英

模拟赛车精英

赛车竞速 下载