tingDesk模仿Metro风格
生活随笔
收集整理的這篇文章主要介紹了
tingDesk模仿Metro风格
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
JS部分
<script type="text/javascript">var desk;$(function () {desk=$.tingDesk({BgUrl: "@Url.Content("~/Script/css/road.jpg")",Menus: @Html.Raw(ViewBag.Menus),Frame:'.mgstyleA'});$("#set").click(function(){desk.Up('http://www.baidu.com','設置');});$("#out").click(function(){desk.Up('#Logout','退出登錄');});})function loginOut(){tingToast.Tips("正在退出登錄...");setTimeout(function(){location.href = '@Url.Content("~/Home/LogOut")';},1500);}</script>Html <body class="bg"><div class="header"><span class="logo"><a href="#">這里放LOGO</a></span><span class="fff fr"><ul><li class="styleA"><span class="fff"><a href="#" style="font-size: 25px">@Model.LoginName</a></span></li><li class="styleA"><span class="fff"><img id="set" class="hover_w_h" src="../Script/css/images/MB_0020_sett-big.png" width="40" height="40" /></span></li><li class="styleA"><span class="fff"><img id="out" class="hover_w_h" src="../Script/css/images/MB_0019_shut-down.png" width="40" height="40" /></span></li></ul></span></div><div class="mgstyleA"></div><div class="footer"><p class="fff">天澤信息版權所有</p></div><div style="display: none"><div id="Logout"><div class="box" style="display: none"><a href="#"><img src="~/Script/css/images/BLUE_MB_0019_shut.png" οnclick="loginOut()" width="128" height="128" title="退出登錄" /></a></div></div></div> </body>首頁
退出登錄
選擇菜單，彈出子頁面
總結
以上是生活随笔為你收集整理的tingDesk模仿Metro风格的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 常用CMOS数字集成电路
- 下一篇： java计算机毕业设计喜枫日料店自助点餐