网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网页特效 >> 网站常用 >> 正文
最新文章
· JavaScript实现文本段落折叠展开和收
· 拖动滑块选择范围的网页插件代码
· JS版元素周期表
· jQuery数字统计并生成进度条动画的代
· 一个不错的CSS分页样式
· 实用的Flash全屏和退出全屏切换效果
· 纯CSS实现三列DIV等高布局
· jquery四色网页换肤代码
· 可展开和收起的在线客服代码
· 功能强大的漂亮计算器
热门文章
 登录时用Cookie保存用户名和密码
 获取16进制颜色值的取色器
 一个小型的JS在线文本编辑器
 JavaScript实现文本段落折叠展开和
 利用js给li标签添加序号
 通过QQ查询QQ用户的头像、昵称、地
 可展开和收起的在线客服代码
 js取色器
 基于jQuery的对象切换插件soChange
 javascript让状态栏不显示链接地址
相关文章
没有相关文章
功能强大的漂亮计算器
来源:经典论坛 更新时间:2011/7/3 10:43:06 阅读次数: 我要投稿
☉预览 ↓下载 #复制 +收藏
特效代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<LINK media=all href="jsqfiles/base.css" type=text/css rel=stylesheet>
<SCRIPT src="jsqfiles/common.js" type=text/javascript></SCRIPT>

<SCRIPT src="jsqfiles/base.js" type=text/javascript></SCRIPT>

<script type="text/javascript">
var linkArgs = location.search;
var styleObj = baidu.page.createStyleSheet();
if(linkArgs.indexOf("canvas_pos=search") == -1){
 styleObj.addRule(".baseCalculatorPanelCss","width:800px !important;background:#dba869 url(jsqfiles/woodbgb.jpg) repeat-y 0 0 !important;",0);
}else{
 try{
  styleObj.removeRule(0);
 }catch(e){}
}
</script>
</HEAD>
<BODY>
 <div id="baseDiv" class="baseCalculatorPanelCss">
    <div class="baseCupPanelCss">
     <div id="basePanel">
         <div id="baseMainPanel">
             <table cellpadding="0" cellspacing="0" border="0">
                 <tr>
                     <td colspan="2" class="resultCellCss"><input type="text" id="resultIpt" value="0" maxlength="16" size="16" readonly="readonly" /></td>
                    </tr>
                    <tr>
                     <td class="calculatorExpressTitleCellCss"><span>计算式:</span></td>
                         
                        <td class="calculatorExpressCellCss"><div id="expressBox"></div></td>
                    </tr>
                </table>
                <table cellpadding="0" cellspacing="0" border="0" id="btnTable">
                 <tr>
                     <td><input type="button" class="btnCss" maxlength="5" value="存储" /></td>
                        <td><input type="button" class="btnCss" maxlength="1" value="取存" /></td>
                        <td><input type="button" id="removeBtn" class="btnCss btnOfBlackCss" maxlength="8" value="退格" /></td>
                        <td><input type="button" class="btnCss btnOfBlackCss" maxlength="9" value="清屏" /></td>
                    </tr>
                 <tr>
                     <td><input type="button" class="btnCss" maxlength="2" value="累存" /></td>
                        <td><input type="button" class="btnCss" maxlength="3" value="积存" /></td>
                        <td><input type="button" class="btnCss" maxlength="4" value="清存" /></td>
                        <td><input type="button" id="divBtn" class="btnCss btnOfOperatorCss" value="÷" /></td>
                    </tr>
                 <tr>
                     <td><input type="button" id="num7Btn" class="btnCss btnOfBlueCss" value="7" /></td>
                        <td><input type="button" id="num8Btn" class="btnCss btnOfBlueCss" value="8" /></td>
                        <td><input type="button" id="num9Btn" class="btnCss btnOfBlueCss" value="9" /></td>
                        <td><input type="button" id="mulBtn" class="btnCss btnOfOperatorCss" value="×" /></td>
                    </tr>
                 <tr>
                     <td><input type="button" id="num4Btn" class="btnCss btnOfBlueCss" value="4" /></td>
                        <td><input type="button" id="num5Btn" class="btnCss btnOfBlueCss" value="5" /></td>
                        <td><input type="button" id="num6Btn" class="btnCss btnOfBlueCss" value="6" /></td>
                        <td><input type="button" id="subBtn" class="btnCss btnOfOperatorCss" value="-" /></td>
                    </tr>
                 <tr>
                     <td><input type="button" id="num1Btn" class="btnCss btnOfBlueCss" value="1" /></td>
                        <td><input type="button" id="num2Btn" class="btnCss btnOfBlueCss" value="2" /></td>
                        <td><input type="button" id="num3Btn" class="btnCss btnOfBlueCss" value="3" /></td>
                        <td><input type="button" id="addBtn" class="btnCss btnOfOperatorCss" value="+" /></td>
                    </tr>
                 <tr>
                     <td><input type="button" id="num0Btn" class="btnCss btnOfBlueCss" value="0" /></td>
                        <td><input type="button" id="dotBtn" class="btnCss btnOfBlueCss" value="." /></td>
                        <td><input type="button" class="btnCss btnOfBlueCss" value="+/-" /></td>
                        <td><input type="button" id="equBtn" class="btnCss btnOfYellowCss" value="=" /></td>
                    </tr>
                </table>
            </div>
            <div id="baseTabPanel">
             <ul>
                 <li>基础</li>
                    <li style="background:url(jsqfiles/cal_tab_bottom.gif) no-repeat 0 0;">高级</li>
                </ul>
            </div>
        </div>
    </div>
    </div>


<script type="text/javascript">
bdjs.clearAutoHeight();
bdjs.setHeight(468);
</script>
</BODY>
</HTML>

☉预览 ↓下载 #复制 +收藏
特效说明:
功能强大的漂亮计算器
  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号