iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >V5填报表如何通过 JS 实现实现隔行异色的效果
  • 281
分享到

V5填报表如何通过 JS 实现实现隔行异色的效果

2023-06-04 04:06:25 281人浏览 八月长安
摘要

V5填报表如何通过 js 实现实现隔行异色的效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。V5 版本填报表单元格属性中,单元格的前景背景颜色没有提供浏览式报表的表达式属

V5填报表如何通过 js 实现实现隔行异色的效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

V5 版本填报表单元格属性中,单元格的前景背景颜色没有提供浏览式报表的表达式属性设置,所以不能通过条件表达式来实现隔行异色的效果,在填报表中如果需要实现隔行异色的效果可以通过 JS 实现。

下面是设计器下自带的填报表实例 2.1sht 在页面展现的原始效果:

V5填报表如何通过 JS 实现实现隔行异色的效果

以该报表上为例,使单双行显示不同的背景色。

在报表展现的页面如 showInput.jsp 中增加下面的 JS:

       vartable=document.getElementById(sgid+“0”);

       for(vari=2;i<table.rows.length;i++){

              if(i%2==0){

                     table.rows_.style.background=‘#F7F7F7’;

                            }

              }

WEB 端通过通过增加了上述 JS 的页面访问 2.1.sht 即可实现如下效果

V5填报表如何通过 JS 实现实现隔行异色的效果

关于V5填报表如何通过 JS 实现实现隔行异色的效果问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网精选频道了解更多相关知识。

--结束END--

本文标题: V5填报表如何通过 JS 实现实现隔行异色的效果

本文链接: https://www.lsjlt.com/news/236422.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • V5填报表如何通过 JS 实现实现隔行异色的效果
    V5填报表如何通过 JS 实现实现隔行异色的效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。V5 版本填报表单元格属性中,单元格的前景背景颜色没有提供浏览式报表的表达式属...
    99+
    2023-06-04
  • JS如何实现列表页面隔行变色效果
    小编给大家分享一下JS如何实现列表页面隔行变色效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!先看看隔行变色效果:代码:<...
    99+
    2024-04-02
  • JS如何实现表格隔行变色
    这篇文章主要为大家展示了“JS如何实现表格隔行变色”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS如何实现表格隔行变色”这篇文章吧。具体内容如下用到的鼠标事件:(1)鼠标经过 onmouseo...
    99+
    2023-06-29
  • JS如何实现隔行换色的表格排序
    这篇文章给大家分享的是有关JS如何实现隔行换色的表格排序的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、获取元素    2、获取数据 &...
    99+
    2024-04-02
  • 如何使用jQuery实现隔行变色效果
    这篇文章主要介绍了如何使用jQuery实现隔行变色效果的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何使用jQuery实现隔行变色效果文章都会有所收获,下面我们一起来看看吧。...
    99+
    2024-04-02
  • javascript如何实现表单隔行变色
    本篇内容主要讲解“javascript如何实现表单隔行变色”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript如何实现表单隔行变色”吧!效果如下:代码思路:用到鼠标经过onmous...
    99+
    2023-07-02
  • js实现表格的隔行变色和上下移动
    本文实例为大家分享了js实现表格的隔行变色和上下移动的具体代码,供大家参考,具体内容如下 话不多说,先看效果图: 点击上移或下移 table样式: <style>  ...
    99+
    2024-04-02
  • 如何通过JS/CSS实现网页返回顶部效果
    这篇文章给大家分享的是有关如何通过JS/CSS实现网页返回顶部效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。CSS 按钮样式:#myBtn {display: none; p...
    99+
    2024-04-02
  • js如何通过Date对象实现倒计时动画效果
    小编给大家分享一下js如何通过Date对象实现倒计时动画效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!js通过Date对象实...
    99+
    2024-04-02
  • js如何实现彩色条纹滚动条效果
    这篇文章主要介绍了js如何实现彩色条纹滚动条效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。左侧可用调色板选择条纹颜色效果图:代码如下:&...
    99+
    2024-04-02
  • css3+js如何实现3D行星运转效果
    这篇文章给大家分享的是有关css3+js如何实现3D行星运转效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。HTML部分<div class="pat...
    99+
    2024-04-02
  • canvas如何通过像素处理实现反色、黑白等美颜效果
    这篇文章主要介绍了canvas如何通过像素处理实现反色、黑白等美颜效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。   getImage...
    99+
    2024-04-02
  • js如何实现华丽的九九乘法表效果
    这篇文章主要为大家展示了“js如何实现华丽的九九乘法表效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js如何实现华丽的九九乘法表效果”这篇文章吧。效果图:代...
    99+
    2024-04-02
  • Vue如何实现列表上下过渡效果
    这篇文章主要介绍Vue如何实现列表上下过渡效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!最终效果某列的数据由 X 位置上升到 Y 位置的过渡效果技术点 visibility: h...
    99+
    2024-04-02
  • 如何通过CSS实现鼠标悬停时的特效效果
    CSS是一种用于美化和定制网页的样式表语言,它可以使我们的网页更加生动和吸引人。其中,通过CSS实现鼠标悬停时的特效效果是一种常见的方式,可以为网页添加一些互动和动态性。本文将介绍一些常见的悬停特效,并提供相应的代码示例。高亮背景色当鼠标悬...
    99+
    2023-10-21
    CSS特效 实现 鼠标悬停
  • css如何实现鼠标点击表格变色效果
    这篇文章主要介绍了css如何实现鼠标点击表格变色效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 在css中,...
    99+
    2024-04-02
  • 如何通过css3背景控制属性+使用颜色过渡实现渐变效果
    小编给大家分享一下如何通过css3背景控制属性+使用颜色过渡实现渐变效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css3背景图像相关background-c...
    99+
    2023-06-08
  • 如何通过css动画实现一个表格滚动轮播效果
    这篇文章主要介绍了如何通过css动画实现一个表格滚动轮播效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。css动画的一个应用,与此前的css走马灯同样的内容。只是一次不同的...
    99+
    2023-06-08
  • JS实现填报时怎么对修改过的单元格进行标识
    这期内容当中小编将会给大家带来有关JS实现填报时怎么对修改过的单元格进行标识,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。 描述在填报预览时,对单元格编辑后,其左上角有个红色标记,但非常不明显,用户很难注...
    99+
    2023-06-03
  • js如何实现拉幕效果的广告
    在 JavaScript 中,可以通过以下步骤实现拉幕效果的广告:1. 创建一个容器元素,用于显示广告内容。2. 设置容器元素的样式...
    99+
    2023-08-09
    js
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作