限制div高度,内容多了显示滚动条



限制div高度,内容多了显示滚动条

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title&[......]

Read more

js抽奖程序(跑马灯效果)



js抽奖程序(跑马灯效果)

显示效果图:

js抽奖程序(跑马灯效果)

html代码:
 <div id=”gameContent”>
        <table id=”gameTable”>
          <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
          <tr><td>16</td><td&gt[......]

Read more

关于radio单选框无法实现单选的原因

关于radio单选框无法实现单选的原因

写了一个测试的,发现
<input type=”radio” checked=”checked” /><label>单选1</label>
<input type=”radio” /><label>单选2</label>
发现并不能实现单选,最后找资料发现,必须给每个radio添加相同的name属性

<input type=”radio” name=”radio” checked=”checked” /><label>单选1</labe[......]

Read more

jQuery Autocomplete调用xml文件作为数据源

jQuery Autocomplete调用xml文件作为数据源

这里以页面和xml文件在同一级目录下说明。
前提:引用jquery.js和jquery-ui.js
JS代码如下:先通过ajax读取xml文件
<script>
$(document).ready(function() {
var myArr = [];
$.ajax({
type: “GET”,
url: “data.xml”,
dataType: “xml”,
success: parseXml,
complete: setupAC,
failure: function(data) {[......]

Read more

jQuery Autocomplete调用xml文件作为数据源

jQuery Autocomplete调用xml文件作为数据源

这里以页面和xml文件在同一级目录下说明。
前提:引用jquery.js和jquery-ui.js
JS代码如下:先通过ajax读取xml文件
<script>
$(document).ready(function() {
var myArr = [];
$.ajax({
type: “GET”,
url: “data.xml”,
dataType: “xml”,
success: parseXml,
complete: setupAC,
failure: function(data) {[......]

Read more

对元素使用float之后换行的解决方案

对元素使用float之后换行的解决方案

比如有代码
<p style=”float:left”>我是一个段落!<span style=”float:right”>测试换行</span></p>
这里我是对p设置一个左浮动,其实它里面的内容(蓝色文字)是没有浮动的,当对span元素设置右浮动时,本意是p占据一行内容,然后span在p的最右侧,可是实际span却换行居于p的右侧。
原因是当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥!
解决办法:把浮动元素放在未浮动的之前。[......]

Read more

span设置text-indent不起作用解决方案

span设置text-indent不起作用解决方案

<p><span>Test one</span><span class=”t-i”>text-indent</span><span>Test two</span></p>

对span.t-i{text-indent:-999px;}后发现并没有起作用,这是因为text-indent只能给块级元素设置,但是如果让span{display:block}时,就会换行,还得通过浮动来控制,增加了麻烦,所以改css为span.t-i{text-i[......]

Read more

JS中文乱码解决方案

JS中文乱码解决方案

对于这个问题,可能存在页面中文乱码,也可能是弹出窗口中文乱码。
网上搜索的解决方案如下:
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” />进行编码
然后对<script type=”text/javascript” charset=”utf-8″>加上一个charset,这里两处编码格式一定得同步。
实际上,在我这里,这样一样是解决不了乱码问题,为了确定我文件的编码格式,我把HTML代码和JS脚本文件都用记事本进行了重新编码为UTF-8格式,然后[......]

Read more