转雨天妹妹的文章：TreeView的DHTML实现（可以实现拖动效果哟）
日期：2013-10-11 浏览次数：20374 次
tree.htm
<html xmlns:ie>
<head>
<!-- TOOLBAR_START -->
<!-- TOOLBAR_EXEMPT -->
<!-- TOOLBAR_END -->
<style>
ie\:tree {display: block;}
ie\:treeitem {font-weight: expression(this.children.length > 1 ? 'bold' : 'normal'); border-top: 2px solid white;display: block; margin-left: 20px; visibility: inherit; overflow: hidden; width: 100%}
ie\:label {display: inline; cursor: hand}
</style>
</head>
<body style="font-family: verdana; font-size: 12px">
<h3>可以拖动的tree</h3>
<ie:tree id=TheTree>
<ie:treeitem><ie:label id=Label1>1.0 First Set</ie:label>
<ie:treeitem><ie:label>1.1 Megalosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>1.2 Iguanodon</ie:label></ie:treeitem>
<ie:treeitem><ie:label>1.3 Hylaeosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>1.4 Tyrannosaurus rex</ie:label></ie:treeitem>
</ie:treeitem>
<ie:treeitem><ie:label>2.0 Later Set</ie:label>
<ie:treeitem><ie:label>2.1 Mammoths</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2 Mastodons</ie:label>
<ie:treeitem><ie:label>2.2.1 Plesiosaurs</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2.2 Ichthyosaurs</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2.3 Dimetrodon </ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2.4 Sinapsid</ie:label></ie:treeitem>
</ie:treeitem>
<ie:treeitem><ie:label>2.3 Stegosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.4 Apatosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.5 Mammals</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6 Tetrapods</ie:label>
<ie:treeitem><ie:label>2.6.1 Amphibians</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6.2 Whales</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6.3 Crocodiles</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6.4 Sea Turtles</ie:label></ie:treeitem>
</ie:treeitem>
<ie:treeitem><ie:label>2.7 Late Permian</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.8 Mesozoic</ie:label></ie:treeitem>
</ie:treeitem>
<ie:treeitem><ie:label>3.0 Archosaurs</ie:label>
<ie:treeitem><ie:label>3.1 Mandibular fenestra</ie:label></ie:treeitem>
<ie:treeitem><ie:label>3.2 Pointed Snout</ie:label></ie:treeitem>
&nbs
<html xmlns:ie>
<head>
<!-- TOOLBAR_START -->
<!-- TOOLBAR_EXEMPT -->
<!-- TOOLBAR_END -->
<style>
ie\:tree {display: block;}
ie\:treeitem {font-weight: expression(this.children.length > 1 ? 'bold' : 'normal'); border-top: 2px solid white;display: block; margin-left: 20px; visibility: inherit; overflow: hidden; width: 100%}
ie\:label {display: inline; cursor: hand}
</style>
</head>
<body style="font-family: verdana; font-size: 12px">
<h3>可以拖动的tree</h3>
<ie:tree id=TheTree>
<ie:treeitem><ie:label id=Label1>1.0 First Set</ie:label>
<ie:treeitem><ie:label>1.1 Megalosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>1.2 Iguanodon</ie:label></ie:treeitem>
<ie:treeitem><ie:label>1.3 Hylaeosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>1.4 Tyrannosaurus rex</ie:label></ie:treeitem>
</ie:treeitem>
<ie:treeitem><ie:label>2.0 Later Set</ie:label>
<ie:treeitem><ie:label>2.1 Mammoths</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2 Mastodons</ie:label>
<ie:treeitem><ie:label>2.2.1 Plesiosaurs</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2.2 Ichthyosaurs</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2.3 Dimetrodon </ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2.4 Sinapsid</ie:label></ie:treeitem>
</ie:treeitem>
<ie:treeitem><ie:label>2.3 Stegosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.4 Apatosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.5 Mammals</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6 Tetrapods</ie:label>
<ie:treeitem><ie:label>2.6.1 Amphibians</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6.2 Whales</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6.3 Crocodiles</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6.4 Sea Turtles</ie:label></ie:treeitem>
</ie:treeitem>
<ie:treeitem><ie:label>2.7 Late Permian</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.8 Mesozoic</ie:label></ie:treeitem>
</ie:treeitem>
<ie:treeitem><ie:label>3.0 Archosaurs</ie:label>
<ie:treeitem><ie:label>3.1 Mandibular fenestra</ie:label></ie:treeitem>
<ie:treeitem><ie:label>3.2 Pointed Snout</ie:label></ie:treeitem>
&nbs
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
