border-bottom

JavaScript仿网易选项卡制作代码

JavaScript仿网易选项卡制作代码

如果你的页面只有一个tab(选项卡)切换的地方,需要调用js效果,如果单独为了它,还要为页面加载一个jQuery插件,想必是极痛苦的。所有很多时候,jQuery特效也不是万能的,偶尔来个原生的js效果也是必须的。今天闲着无聊,用js和jquery分别写了一个选项卡的效果,但是其中用到jquery只是为了更好的获取标签以及修改样式。 先来浏览一下效果图吧~~ 一、Javascript实现 1、htm... »

基于jQuery下拉选择框插件支持单选多选功能代码

由于最近项目的需求,需要做一个下拉选择框的插件,支持单选显示表单数据,多选显示表格数据,该插件主要运用了jQuery与jqgrid以及easyui。 下面给大家展示下效果图,如果大家感觉还不错,请参考实现代码: 多选:呈现列表 具体代码如下所示: /** *下拉框插件-chooseList *调用插件的方式以及格式: * 1.首先你需要创建一个div面板,给div定义ID * 2.在你所需要的地方... »

Bootstrap按钮组件详解

按钮组和下拉菜单组件一样,需要依赖于button.js插件才能正常运作。 结构方面:使用一个类名为btn-group的容器,把多个按钮放在这个容器中。 按钮组也是一个独立的组件,所以可以找到相应的源码文件: Less:buttons.less Sass:_buttons.scss Css:Bootstrap.css 3131行~3291行 <div class="btn-group">... »

jquery分页插件jquery.pagination.js使用方法解析

这一款js分页使用起来很爽,自己经常用,做项目时总是要翻以前的项目看,不方便,这里就把他写出来方便自己以后粘帖,也希望能分享给大家。 参数说明 插件代码 js代码: /** * This jQuery plugin displays pagination links inside the selected elements. * * @author Gabriel Birke (birke *at... »

Bootstrap每天必学之按钮

不过我们同样可以直接只调用bootstrap.js文件。使用一个名为“btn-group”的容器,把多个按钮放到这个容器中。代码如下:/源码请查阅bootstrap.css文件第3162行~第 »

JS实现鼠标滑过折叠与展开菜单效果代码

本文实例讲述了JS实现鼠标滑过折叠与展开菜单效果代码。分享给大家供大家参考。具体如下: 这是一款展开菜单特效,鼠标移上的时候自动展开,移走后自动折叠隐藏起来,运用了JS技术,并结合了CSS共同实现的效果。本折叠菜单类似QQ可折叠的好友列表一样,不少人喜欢这种菜单。 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-hover-show-hidd... »

jQuery实现自定义右键菜单的树状菜单效果

本文实例讲述了jQuery实现自定义右键菜单的树状菜单效果。分享给大家供大家参考。具体如下: 这是一款基于jQuery的自定义右键菜单,在树状结构的子节点(下级没有节点)上单击右键才会弹出自定义菜单,而且菜单是自动根据鼠标位置来定位的。当鼠标在菜单以外的任意空白处单击一下后会自动消失。这里想特别说明一点所谓的“菜单以外”,可以有两种解剖方式——1、除了鼠标在菜单区域内的所有位置;2、如下图所示的A... »

javaScript 连接打印机,打印小票的实例

如下所示: 打印 保存 新XXXXX物业服务中心 收费单据 收票 »

详解微信小程序Page中data数据操作和函数调用

微信小程序Page中data数据获取和设置 一、Page中data数据的获取和设置:        1、设置data数据 this.setData(object) setData() 参数格式:接受一个对象,以 key,value 的形式表示将 this.data 中的 key 对应的值改变成 value。其中 key 可以非常... »

Bootstrap源码解读按钮(5)

源码解读Bootstrap按钮 按钮组 按钮组和下拉菜单组件一样,需要依赖于bootstrap.js。使用“btn-group”的容器,把多个按钮放到这个容器中。例如:<div class=”btn-group”>…</div> “btn-group”容器里除了可以使用<button>元素之外,还可以使用其他标签元素,比如&l... »

Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)

1、使用Vue.js实现双向表单数据绑定,例子财产查勘处理 请输入物损查看信息 报案信息 损失方 联系人 联系方式 损失方1 »

CSS 网页制作 提高CSS可阅读性

也就是总结一下,良好的书写习惯对于后期的维护有着很让人惊诧的作用;同时,书写习惯决定了阅读的难易程度。而这里的写法,基本上也就是对css从了解到熟悉到主动思考的一个过程。刚开始的写法 .menu ul li{color:#087C00;width:495px;height:25px;border-bottom:1px solid #087c00;text-align:center;line-hei... »

CSS教程:CSS控制网页文字排版实例

有关CSS基本的排版控制虽然已有详细的使用说明和参考教程,但还有许多丰富的CSS排版能力,是很少能查到的。今天的这些实例,为您提供了很多想象和拓展的空间。 CSS功能的强大在jb51.net中早已经展现很多,而有关CSS基本的排版控制虽然已有详细的使用说明和参考教程,但还有许多丰富的CSS排版能力,是很少能查到的。今天的这些实例,为您提供了很多想象和拓展的空间。 h3.reflect_1 { co... »

CSS制作三角形广告引导文字效果

街上经常碰到一些发各类广告传单的,有一次收到一张房地产广告的传单,顺手留下来,看着里面有些广告挺吸引人,同时也想练练自己css技术,故抽空做了一下。 原图某区域如下: 实现上图效果是需要一些想象力的,比如三角形的构成和左右两边的空白间距,懂的这个原理,然后熟练运用border属性,一切就OK了 比如其中一个三角形 XML/HTML Code复制内容到剪贴板 <div class=&... »

201671114054860.png (444×442)

使用CSS3代码绘制可爱的Hello Kitty猫

感觉这个 Hello Kitty 画的还不错,心血来潮也用 CSS3 画了个 Hello Kitty,现在在这里记录一下详细的绘制过程。想要源码、素材、在线演示的同学可以直接拉到最下面。 »

利用CSS3实现炫酷的飞机起飞动画

先来看看效果图 有点遗憾的是云朵不好画,用图片代替了 实例源码 复制代码代码如下:<!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8″> <title>Plane</title> <style type=&#... »

JavaScript下拉菜单功能实例代码

本文给大家分享一段实例代码关于js实现下拉菜单功能,具体代码如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <style type="text/css"> body, ul, li { ... »

Javascript实现计算个人所得税

TABLE {     BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px;... »

js写一个字符串转成驼峰的实例

例如 border-bottom-color->borderBottomColor »

仿新浪微博首页大家正在说渐入轮显效果

仿新浪微博首页”大家正在说”渐入轮显效果 *{margin:0;padding:0;font-size:12px;} ul{width:300px;height:400px;overflow:hidden;margin:50px 0 0 100px;} li{width:300px;border-bottom:1px solid #eee;margin-bottom:20p... »

Jquery实现的table最后一行添加样式的代码

Jquery实现的table最后一行添加样式的代码

效果如下图所示: 豪情 .tab{border-collapse:collapse;border:1px solid #9BDF70;} .tab td{border-bottom:1px solid #92B0DD;text-align:center;} .tab th{border-bottom:2px solid #92B0DD;} .tab th.end{border-bottom:2px... »

JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现第1/2页

复制代码 代码如下: GroupText 活动名称 发送方 接收方 发送时间 发送内容 积分 状态 共0条记录 目前第0 /0页 <IMG i »

4.jpg

Js之软键盘实现(js源码)

鉴于安全性的考虑,不少网站在登录输入密码时都采用了软键盘,避免一些键盘记录工具和木马对击键的捕捉。项目中也有这个需求,就分享给大家了,贴个效果图上来。。有兴趣的朋友可以收藏。。..如果觉得功能有点庞大,只需要数字小键盘的朋友,可参考代码精简。下载大键盘: http://www.cnblogs.com/Files/sccxszy/softKey.rar小键盘:http://www.cnblogs.c... »

怎么用javascript进行拖拽2

怎么用javascript进行拖拽2

Demo – Drag any of the images [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]你会注意到这个代码几乎是前面的全集,将前面的合在一起就实现了拖拽效果了. 当我们点击一个item时,我们就获取了很多变量,如鼠标位置,鼠标位置自然就包含了那个item的坐标信息了.如果我们点击了一个20*20px图像的正中间,那么鼠标的相对坐标为{x:10,y:10}.... »

CSS3的Border-radius轻松制作圆角

前面系统总结了CSS3中Gradient和RGBA的用法,今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法。在CSS2中,大家都碰到过圆角的制作。当时,对于圆角的制作,我们都需要使用多张圆角图片做为背景,分别应用到每个角上,我应用最多的就是在需要圆角的元素标签中加四个空标签,然后在每个空标签中应用一个圆角的背景位置,然后在对这几个应用了圆角的标签进行定位到相应的位置... »

Page 1 of 212