bislider.html

来自「在流览器上仿CS界面的JAVASCRIPT脚本」· HTML 代码 · 共 170 行

HTML
170 行
字号 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><!--
Generated using api.website.xsl version 2003-07-17
-->
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>BiSlider</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="api.css"><script type="text/javascript">

				function showDerivedClasses() {
					var ul = document.getElementById("api-derived-classes");
					var lis = ul.childNodes;
					var l = lis.length;
					for (var i = 1; i < l; i++)
						lis[i].style.display = "";
					lis[0].style.display = "none";
				}

			</script></head>
<body>
<h1 id="BiSlider">BiSlider</h1>
<p>
		This component is used to show a slider control.
	</p>
<p>This class extends
		<code><a href="BiComponent.html">BiComponent</a></code>
		and therefore all methods and fields available for
		<code><a href="BiComponent.html">BiComponent</a></code>
		are also available for <code>BiSlider</code>.</p>
<ul class="partial-class-tree">
<li><code><a href="BiObject.html">BiObject</a></code><ul>
<li><code><a href="BiEventTarget.html">BiEventTarget</a></code><ul><li><code><a href="BiComponent.html">BiComponent</a></code><ul><li><code>BiSlider</code><ul id="api-derived-classes"></ul></li></ul></li></ul></li></ul>
</li>
</ul>
<h2>Constructor</h2>
<p><code>

	new BiSlider([<span class="methodArgument">sOrientation</span>])</code></p>
<h3>Parameters</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>sOrientation</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>horizontal</code></td>
<td>The orientation of the progress bar</td>
</tr>
</tbody>
</table>
<h2>Properties</h2>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="get-header">get</td>
<td class="set-header">set</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><a name="blockIncrement"></a><code>blockIncrement</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				The amount to increase the slider when using the page up and page
				down keys as well as the amount to change the slider when the
				mouse is pressed on the slider (and not on the handle).
			</td>
</tr>
<tr>
<td><a name="maximum"></a><code>maximum</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The maximum value for the component</td>
</tr>
<tr>
<td><a name="minimum"></a><code>minimum</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The minimum value for the component</td>
</tr>
<tr>
<td><a name="orientation"></a><code>orientation</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				The orientation of the slider. Valid values are:<br>
				<br>
				<code>horizontal</code><br>
				<code>vertical</code>
			</td>
</tr>
<tr>
<td><a name="unitIncrement"></a><code>unitIncrement</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				The amount to increase the slider when using the arrow keys and
				the mouse wheel.
			</td>
</tr>
<tr>
<td><a name="value"></a><code>value</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The value for the component</td>
</tr>
</tbody>
</table>
<h2>Methods</h2>
<p>None.</p>
<h2>Events</h2>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="bubbles-header">Bubbles</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><a name="change"></a><code>change</code></td>
<td><code class="type"><code><a href="BiEvent.html">BiEvent</a></code></code></td>
<td class="bubbles-column"></td>
<td>
				This event is fired when the <code><a href="#maximum">maximum</a></code>, <code><a href="#minimum">minimum</a></code>
				or <code><a href="#maximum">maximum</a></code> properties are changed.
			</td>
</tr>
</tbody>
</table>
<h2>Static Methods</h2>
<p>None.</p>
<h2>Static Fields</h2>
<p>None.</p>
<h2>Remarks</h2>
<p>
		The <code><a href="BiRangeModel.html#maximum">maximum</a></code>,
		<code><a href="BiRangeModel.html#minimum">minimum</a></code> and
		<code><a href="BiRangeModel.html#value">value</a></code> are
		always integers. When setting these, these are rounded to the nearest smaller
		integer.<br>
		<br>
		The following is always true for the properties of a slider:<br>
		<br>
		<code>minimum &lt;= value &lt;= maximum</code>
	</p>
</body>
</html>

bislider.html - 源码说明

本页面展示了「在流览器上仿CS界面的JAVASCRIPT脚本」中的 bislider.html 源码文件，采用 HTML 编程语言编写，共 170 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?