`
jeelee
  • 浏览: 637725 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js 自定义框架分割线效果

阅读更多

<html>
<frameset border="1" bordercolor="#6699cc" framespacing="20" id="fsTop" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rows="85,*">
  <frame border="0" frameborder="no" marginheight="0" marginwidth="0" name="title" noresize scrolling="no" src="javascript:document.write('<br><h1>自定义框架分隔线效果</h1>')" leftmargin="0" topmargin="0">
  <frameset border="1" frameborder="1" framespacing="20" marginwidth="0" marginheight="0" name="search" leftmargin="0" topmargin="0" cols="110,*">
    <frame border="0" frameborder="0" marginheight="0" marginwidth="0" name="dir" src="about:blank" target="main" style="BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #003366 1px solid" leftmargin="0" topmargin="0" scrolling="auto" target="main">
    <frame border="0" bordercolor="#6699cc" frameborder="no" name="main" scrolling="yes" src="about:blank" style="BORDER-LEFT: #99ccff 2px groove; BORDER-TOP: #003366 1px solid" target="_blank">
  </frameset>
</frameset>
</html>

分享到:
评论

相关推荐

    排版分割线;用于灵活地分段设置

    通过灵活运用各种技术,如HTML、CSS、编程语言和前端框架,我们可以创造出符合项目需求的、具有个性化的分割线效果。无论是网页、文档还是软件界面,合理运用排版分割线,都能使信息呈现更加清晰,用户交互更加友好...

    采用VS2005+C#+ASP.NET开发的VwdCmsSplit框架分割条源程序

    在本文中,我们将深入探讨如何使用Visual Studio 2005、C#和ASP.NET来开发VwdCmsSplit框架分割条源程序。这个程序旨在为网页开发提供一种灵活的框架布局调整方式,允许用户通过拖动操作实现框架页面的上下或左右分割...

    splitter.js 分割div 自由拖动

    `splitter.js` 是一个JavaScript库,主要用于在网页中创建可拖动的分割线,以实现用户自由调整页面布局的功能。这个库使得开发者能够轻松地将页面分为上下、左右等多栏布局,并允许用户根据自己的需求动态改变这些...

    网页设计框架设计素材

    它们可以是背景图片、图标、按钮、分割线等,用于增强页面的视觉吸引力和信息传达。压缩包中的图像很可能包含了各种设计元素,供设计师根据需求选择和定制。合理地运用这些素材可以使网页更具专业性和吸引力。 总结...

    dhtmlxSuite较成熟JS框架

    6. **dhtmlxToolbar**:工具栏组件,可添加按钮、下拉列表、分割线等元素,增强用户界面的交互性。 7. **dhtmlxLayout**:布局管理器,允许创建多面板、响应式的页面布局,适应不同的屏幕尺寸。 8. **dhtmlxTabbar...

    常用的html控件,包含自定义控件

    6. dhtmlxToolbar:dhtmlxToolbar是用于创建网页工具栏的JavaScript库,可自定义按钮、下拉列表、分割线等元素,提供丰富的功能扩展,增强网页的交互性。 7. dhtmlxMenu:dhtmlxMenu提供了一种创建下拉菜单的解决...

    单文档视图分割,分割一行两列

    描述中提到的“可以设置分割线的粗细”,则意味着用户不仅能够调整视图的分隔,还可以根据个人喜好自定义分隔线的视觉效果,提高使用的舒适度。 在实际应用中,实现这样的功能通常需要编程语言的支持,例如在...

    自定义时间选择器 农历公元时间切换 省市联动器

    4. **圆分割线**:在UI设计中,圆分割线常用于区分不同的区块,提供视觉上的引导。实现这一效果可以使用CSS3的border-radius属性创建圆角,再结合line-height、margin等属性调整布局。在响应式设计中,可能还需要...

    前台页面框架

    Bootstrap是最流行和广泛使用的前端框架之一,它提供了一套完整的网格系统、CSS样式、JavaScript插件和可自定义的组件。Bootstrap的响应式设计确保了网站在不同设备上的良好展示,其栅格系统帮助开发者轻松实现布局...

    bezierMakerjsN阶贝塞尔曲线生成器

    在UI设计中,它可以用来绘制曲线分割线,使界面更加美观和动态;在游戏开发中,它可以生成自然的物体运动轨迹,提高游戏的真实感。 总结来说,"bezierMaker.js"是JavaScript开发中一个强大的工具,特别适合需要处理...

    企业开发经典蓝色框架(web ui)

    4. **模板与布局**:为了快速搭建页面结构,框架通常会提供多种页面模板和布局选项,如首页、列表页、详情页等,开发者可以根据需求选择或自定义。 5. **CSS预处理器**:使用CSS预处理器(如Sass或Less)编写的样式...

    jquery-easyui-portal 自定义布局

    2. **Splitter**:Splitter是用于划分两个或多个区域的组件,用户可以通过拖动分割线来调整各区域的大小。这对于创建可调整的多面板布局非常有用。 3. **Layout**:Layout组件是EasyUI中的核心布局工具,它允许将...

    模块化前端UI框架

    这里我们以“layui”为例,它是一个流行的开源JavaScript框架,以其优雅的模块化设计和丰富的UI组件而受到开发者欢迎。解压后的“layui-master”文件夹包含了layui的完整源代码和相关资源,使得开发者能够快速地引入...

    微信小程序基于canvas的自定义地图控件,实现瓦片地图等SimpleMap-wx-master.zip

    微信小程序是腾讯公司推出的一种轻量级的应用开发框架,它允许开发者通过编写JavaScript、WXML(微信小程序标签语言)和WXSS(微信小程序样式语言)来创建原生体验的应用。开发者可以通过微信小程序的API与微信的...

    饼图html-分割圆形饼图-Vue可集成此charts插件

    数据通常是对象数组,每个对象包含值(value)和标签(label),而选项则可以用来定义颜色、动画、分割线等。 在提供的文件"饼图html.html"中,可能已经包含了具体的实现示例,你可以通过查看源代码学习其结构和...

    splitpane实现窗格的拆分调整

    2. **CSS样式**:设置SplitPane的基本样式,如边框、背景色、间距等,确保窗格之间的分割线视觉效果良好。分割线通常是一个细线元素,可以通过CSS伪元素或者额外的DOM元素来实现。 3. **JavaScript事件处理**:使用...

    Html+Css+Javascript从入门到精通.pdf

    - **创建框架**:实现页面分割。 - **框架嵌套**:实现多层次布局。 - **框架显示属性**:调整框架的外观。 - **框架中使用链接**:导航优化。 - **浏览器兼容性**:解决不支持框架的问题。 **第十章:利用表单进行...

    JavaScript网页特效范例宝典源码

    实例213 表格作为分割线 332 实例214 表格向下展开 332 第8章 图形图像与多媒体 335 8.1 图片大小 336 实例215 打开自定义大小的图片 336 实例216 图片放大缩小 337 实例217 通过鼠标滚轮放大缩小图片 338 8.2 图片...

    前端框架03

    - 主要的前端框架包括React、Angular、Vue.js等,每个框架都有其特定的设计哲学和使用场景。 2. **React框架**: - React是由Facebook开发的一个用于构建用户界面的库,尤其擅长处理视图层。它采用组件化开发模式...

    我的主页源码

    在这个项目中,CSS可能被用来设计独特的背景、元素样式以及分割线效果。 2. JS(JavaScript):是一种客户端脚本语言,用于增加网页的交互性和动态功能。在这个源码中,JavaScript可能用于实现动态背景、用户交互、...

Global site tag (gtag.js) - Google Analytics