`
hwpok
  • 浏览: 251782 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

浮动DIV

    博客分类：
  • Html
JavaScript 
阅读更多
<td width="100"><input type="text" name="dataAddByManualReq.SSubscrMonth" id="SSubscrMonth" onclick="javascript:document.getElementById('monthDiv').style.display='';" class="text" readonly/><br/><div id="monthDiv" style='position:absolute; width:40; height:60;z-index:100;background:red; display:none;'>
                                            <table>
                                                <tr>
                                                    <td colspan="4" style="text-align:right;"><a onclick="javascript:document.getElementById('monthDiv').style.display='none';" style="cursor:pointer;">关闭</a></td>
                                                </tr>
                                                <tr>
                                                    <td><input type="checkBox" name="huyMonth" value="1月"/>1月</td>
                                                    <td><input type="checkBox" name="huyMonth" value="2月"/>2月</td>
                                                    <td><input type="checkBox" name="huyMonth" value="3月"/>3月</td>
                                                    <td><input type="checkBox" name="huyMonth" value="4月"/>4月</td>
                                                </tr>
                                                <tr>
                                                    <td><input type="checkBox" name="huyMonth" value="5月"/>5月</td>
                                                    <td><input type="checkBox" name="huyMonth" value="6月"/>6月</td>
                                                    <td><input type="checkBox" name="huyMonth" value="7月"/>7月</td>
                                                    <td><input type="checkBox" name="huyMonth" value="8月"/>8月</td>
                                                </tr>
                                                <tr>
                                                    <td><input type="checkBox" name="huyMonth" value="9月"/>9月</td>
                                                    <td><input type="checkBox" name="huyMonth" value="10月"/>10月</td>
                                                    <td><input type="checkBox" name="huyMonth" value="11月"/>11月</td>
                                                    <td><input type="checkBox" name="huyMonth" value="12月"/>12月</td>
                                                </tr>
                                                <tr>
                                                    <script type="text/javascript">
                                                        function addMonth()
                                                        {
                                                            var checkBoxArr = document.getElementsByName("huyMonth");
                                                            
                                                            var monthStr = "";
                                                            for(var i=0; i<checkBoxArr.length; i++)
                                                            {
                                                                if(checkBoxArr[i].checked)
                                                                {
                                                                    monthStr += "," + checkBoxArr[i].value;
                                                                }
                                                            }
                                                            
                                                            if(monthStr.length>0)
                                                            {
                                                                monthStr = monthStr.substr(1);
                                                            }
                                                            document.getElementById("SSubscrMonth").value=monthStr;
                                                        }
                                                    </script>
                                                    <td colspan="4" style="text-align:center;"><a onclick="javascript:addMonth()" style="cursor:pointer;">确定</a></td>
                                                </tr>
                                            </table>
                                        </div></td>
分享到：
| input file 只读
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript浮动div，可拖拽div,遮罩层(div和iframe实现)

    在网页设计中，浮动 Div 是指能够独立于页面其他元素自由移动的 Div 容器。通过 CSS 和 JavaScript 的结合使用，可以使 Div 元素在页面上自由移动，这种效果常用于弹出窗口、浮动广告等场景。 #### 实现方法 1. **...

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    js设置浮动div的特效

    在这个场景中，"js设置浮动div的特效"指的是使用JavaScript来操控浮动的`div`元素，以实现更复杂的视觉表现。 首先，我们需要理解CSS中的`div`和`float`属性。`div`是HTML中的一个通用容器元素，常用来组织页面结构...

    jquery 可拖动浮动DIV ，可固定DIV

    本主题将深入探讨如何使用jQuery实现一个可拖动并可固定在页面上的浮动DIV元素。 首先，让我们理解“浮动DIV”。在HTML中，浮动（float）属性常用于布局，使元素可以向左或向右移动，以便其他内容可以环绕它。在CSS...

    浮动DIV效果

    在网页设计中，浮动元素（通常使用CSS的`float`属性来实现）是一种常见的布局技巧，主要用于创建多列布局、侧边栏或者如标题描述中提到的“浮动DIV效果”。这个效果常见于微博和其他社交网络，它使得内容块可以在...

    浮动div，页面两边滚随滚动条滚动的DIV

    在网页设计中，"浮动div"是指通过CSS的`float`属性来使一个或多个div元素在页面上浮动，以实现特定布局效果。这个技术在早期网页设计中非常常见，用于创建多列布局或者使元素在文本中环绕。在本案例中，"页面两边滚...

    原生js制作简单的浮动div层拖动叠加效果

    在网页设计中，浮动div层（div elements with float property）常用于创建布局或者构建可交互的用户界面元素。原生JavaScript（不依赖于任何库如jQuery）制作的浮动div层拖动叠加效果，是一种增强用户体验的技术，...

    右侧qq服务，联系浮动div，联系qq客服

    在网页设计中，"右侧qq服务，联系浮动div，联系qq客服"是一个常见的交互功能，主要目的是提供一种方便用户即时沟通的方式，使他们能够快速联系到网站的客服人员。这个功能通常体现在页面右侧，通过一个浮动的div元素...

    手写的很好用的浮动Div窗体

    用JS面向对象思维写的浮动Div 很好用

    jQuery ui drag插件实现浮动div拖动排列布局代码

    本篇文章将深入讲解如何使用jQuery UI Drag插件来创建可拖动的浮动div，并将其应用于布局排列，以及如何将排序结果保存到数据库。 **1. jQuery UI Drag插件介绍** jQuery UI是基于jQuery库的一个扩展，它提供了...

    浮动div代码

    ### 浮动div代码解析与应用 在网页设计与开发中，浮动窗口或浮动层是一种常见的交互元素，常用于广告、在线客服、悬浮菜单等场景。通过使用`div`元素结合CSS定位属性和JavaScript，可以实现div在网页中的动态位置...

    jquery 兼容所有浏览器的浮动div位置控制+例子

    jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的...

    js 创建一个浮动div的代码

    5. **事件监听**: JavaScript代码中为浮动div设置了onmouseleave事件监听器，当鼠标离开div的时候会触发MenuClose函数，该函数的作用是将浮动div从DOM中移除，即关闭浮动div。 6. **条件判断**: 在创建浮动div的...

    基于JQuery的浮动DIV显示提示信息并自动隐藏

    总结起来，这个基于jQuery的浮动DIV提示信息功能，通过简单的JavaScript代码实现了动态创建、定位、显示和自动隐藏提示信息，提高了用户体验。在实际项目中，可以根据需求调整样式和时间，以适应不同的应用场景。

    web div浮动广告

    在Web开发中，"div浮动广告"是一种常见的设计技术，用于在网页上创建如客服在线等浮动元素。这种广告或功能通常位于页面的一侧，随着用户滚动页面而始终保持可见，以便用户随时能与客服进行交流。现在我们来深入探讨...

    漂亮的div浮动层

    漂亮的div浮动层

    Jquery插件之浮动窗口(DIV)

    **jQuery插件：浮动窗口（DIV）** 在网页设计中，浮动窗口（通常是一个具有特定功能的`div`元素）是一种常见的交互元素，它能够悬浮在页面内容之上，提供信息提示、广告展示或者用户交互等功能。jQuery作为一种强大...

    JQuery浮动DIV提示信息并自动隐藏的代码

    JQuery实现浮动DIV提示信息并自动隐藏的功能涉及了JavaScript编程、DOM操作以及CSS样式的应用。以下是一系列详细的知识点说明： 1. jQuery基础：jQuery是一个快速、小巧、功能丰富的JavaScript库。它简化了HTML文档...

Magicbox
Global site tag (gtag.js) - Google Analytics