WebSlices in Internet Explorer 8

來源:互聯網
上載者:User

發現又很久沒寫東西了

真是越來越懶了…

 

寫點古董的東西吧

 

雖然IE的市場佔有率直線下降,不過IE8有些功能還是不錯的哦

WebSlices就是其中之一

 

先看下WebSlices的效果吧:

 

參考下MSDN

WebSlices主要是在頁面裡用了3個div

<div class="hslice" id="TestWebSlices">        <div class="entry-title">WebSlices Title</div>        <div class="entry-content">WebSlices Content        …         </div> </div>

 

其中最外面的div的id不可為空

 

下面在頁面裡實驗下把:

建立個頁面TestWebSlices,然後把div加進去,代碼如下:

<body>    <form id="form1" runat="server">        <div class="hslice" id="TestWebSlices">             <div class="entry-title">Test WebSlices</div>             <div class="entry-content">                 <asp:Label ID="Label1" runat="server" Text="Hello World"></asp:Label>            </div>     </div>    </form></body>

 

在IIS裡瀏覽下看看效果:

添加到收藏夾欄上:

 

大功告成

下面我們修改下頁面內容:

<asp:Label ID="Label1" runat="server" Text="Hi ,content is changed!"></asp:Label>

 

然後重新整理下我們收藏夾欄上的的TestWebSlices:

 

嗯,看看效果不錯

 

其他:

在頁面裡如果Title有的時候不適合出現的話,加上屬性

style="display:none;"
就可以了
 
 
就這些吧
其實挺簡單的

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.