摘要: 1、新建一个元素,随便什么元素,不过我习惯性的会用块元素来做。如果行内元素就display:block它。 <div class="triangle"></div> 2、把它的宽高设置为height:0px; width:0px; 3、设置边框border属性,用来实现三角形。 首先要了解border具体是怎么样的,我写了一个这样的样式: border:50px solid #000; border-color:#f00 #000 #f0f #00f; 在FF下面显示效果如下:出现4个三角形合并成一个正方形。到这里就很清晰了,只要把想要的保留,其它的 阅读全文
posted @ 2012-12-04 16:28 rabbit2012 阅读(1258) 评论(2) 推荐(0)
摘要: 在实际应用中,经常将事物进行分类,分类可以是二级的或者多级的。在设计页面时,可以使用多个下拉菜单分别显示不同级别的分类信息,即实现多级级联菜单。以下实例,当选择商品的“第一级分类”下拉菜单时,商品的“第二级分类”下拉菜单的内容会随即发生变化。实现多级级联菜单的关键代码如下:<script type="text/javascript">var arr2 = new Array(4);arr2["数码设备"] = new Array("数码相机","打印机");arr2["家用电器"] 阅读全文
posted @ 2012-12-03 21:06 rabbit2012 阅读(7773) 评论(0) 推荐(1)
摘要: 在开发动态网站中,可以将一些固定不变的数据存储在数组中,然后将数组中的数据显示到下拉列表中以供用户选择,这样可以加快程序运行的速度,方便用户浏览网页。以下实例,单击下拉列表的控制按钮,将显示出该下拉列表中的全部选项。(1)在javascript中,首先定义一个数组,并为数组赋值,然后自定义一个javascript函数,将数组中的数据添加到表单的下拉列表中,代码如下:<script type="text/javascript">var counts;counts=0;arr = new Array("JavaScript与ASP"," 阅读全文
posted @ 2012-12-03 11:34 rabbit2012 阅读(7027) 评论(0) 推荐(0)
摘要: 在开发动态网站程序是,经常会遇到将下拉列表中的选项进行多项移除或者多项移入。实例如下:javascript代码:<script language="javascript">function allsel(n1,n2){ while(n1.selectedIndex!=-1) { var indx=n1.selectedIndex; var t=n1.options[indx].text;n2.options.add(new Option(t)); n1.remove(indx); }}</script>html代码:<select name=& 阅读全文
posted @ 2012-11-30 11:42 rabbit2012 阅读(946) 评论(0) 推荐(0)
摘要: 在设计表单时,为了方便用户填写表单,可以设置按下回车键自动切换到下一个控件的焦点,而不是直接提交表单。主要应用的javascript的Event对象的keyCode只读属性。实现的关键代码如下:<script type="text/javascript">function Myenter(str){ if (event.keyCode == 13){ str.focus();}}</script><input name="username" type="text" class="wenbenku 阅读全文
posted @ 2012-11-30 10:28 rabbit2012 阅读(1030) 评论(0) 推荐(0)
摘要: 在网页中,有时候一些功能可以大大方便用户的操作,比如,当用户点击一个文本框或者编辑框的时候可以自动选择里面的文字,看下具体是如何实现的吧。<script type="text/javascript">function select_txt(){ if (document.form1.title.focus){ document.form1.title.select();}}function Myselect_txtarea(){ if (document.form1.content.focus){ document.form1.content.select(); 阅读全文
posted @ 2012-11-29 16:52 rabbit2012 阅读(411) 评论(0) 推荐(0)
摘要: charAt()方法和charCodeAt()方法用于选取字符串中某一位置上的单个字符。对于检查用户输入的有效性,这两个方法也是非常有用的。charAt()方法具有一个参数:即所选取字符在字符串中的位置。charAt()方法的返回值就是该位置上的字符。字符串中字符的索引位置从0开始,因此,第一个字符的索引是0,第二个字符的索引是1,依此类推。 charCodeAt()方法与charAt()方法类似,但它并不返回指定位置上的字符本身,而是返回该字符在Unicode字符集中的编码值。计算机只能理解数字,对于计算机来说,所有字符串都是某种编码的数字。当需要使用的是数字编码所代表的字符,而不是使用数. 阅读全文
posted @ 2012-11-29 16:29 rabbit2012 阅读(3036) 评论(0) 推荐(1)
摘要: 一. document.all是页面内所有元素的一个集合。例如:document.all(0)表示页面内第一个元素二. document.all可以判断浏览器是否是IE if(document.all){ alert("is IE!"); }三. 也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素四. 案例:代码1: <input name=aaa value=aaa> <input id=bbb value=bbb> <script language=Jscript> alert(do 阅读全文
posted @ 2012-11-15 17:35 rabbit2012 阅读(638) 评论(0) 推荐(0)
摘要: 在设计网页时,对于一些只有指定用户才能看到的信息,可以以全屏显示的网页模式展示给用户,这样可以保证用户看后能及时将其关闭,再进行其他的操作。示例如下:<script language="javascript">function opendialog(){var width=screen.width;//屏幕的宽度var height=screen.height; //屏幕的高度window.showModalDialog("new.htm","","dialogWidth="+width+"p 阅读全文
posted @ 2012-11-14 16:46 rabbit2012 阅读(574) 评论(0) 推荐(0)
摘要: 在开发程序网站的时候,有时候需要弹出网页模式对话框。这就需要用到window.showModalDialog()方法来实现。参数说明:sURL--必选参数,类型:字符串。用来指定对话框要显示的文档的URL。vArguments--可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。sFeatures--可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。1.dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 阅读全文
posted @ 2012-11-14 16:29 rabbit2012 阅读(959) 评论(0) 推荐(0)