我主要讲此代码用于MVC的分布页。先看最终效果最终效果：样式为bootstrap3中的分页“pagination”，如果不使用bootstrap单独提出来并不大页码生成代码为：public string GetPaginationHtml(PaginationViewModel p) {var PageNum = p.Page;//当前页码（页码从1开始）var PageCount = p.PageCount;//总页数var ItemCount = p.ItemCount;//总条数var showPageNum = 6;//显示数字的页面数量var html = new StringBuilder();html.Append...
p布局是学习的重点，这篇文章主要为大家详细介绍了p对齐与网页布局的相关学习资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下p布局之所以要学懂学透，是因为table的布局实在是难堪大用，如果是同处于一个表格之内，各行的规格分布根本就没法调，例如下面的一段非常简单的代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmln...
也许是由于世界上大部分语言都是从左到右阅读的缘故，关于direction:rtl的资料并不多。文字的从右到左书写方式具体的行为是在unicode中定义的，但这不是我们要考虑的。我们需要的是利用从右到左书写方式对block级盒子影响的相关特性来做基本布局。 要让内容向右跑我们通常会用text-align:right，但是那只是让内容右对其，就是一股脑的把元素推到右边。而有时候我们的需求是让内容逐个向右排列，所以会使用flaot:right。但是flao...
初级前端一枚 下面代码是在图片上创建图像映射 自己整理了下 做个笔记 希望也可以帮助后来学习的朋友！<map name="planetmap"><area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"><area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm"><area shape="poly" coords="23,58,8,59,40,70" alt="Venus" href="venus.htm"> </map>该段代码中的shape指的是点击区域的形状，coords指的应该是链接区域在...
方法有两种。第一种通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。< select id = "sel" > < option value = "1" >1</ option > < option value = "2" selected = "selected" >2</ option > < option value = "3" >3</ option > </ select >第二种为通过前端js来控制选中的项:< script type = "text/javascript" > function change(){document.getElementById("sel")[2].selected=...
下面小编就为大家带来一篇学习小实例--滚动条的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧效果：代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>huanhang...
表单就是一个放控件的地方，如文本框，密码框，按钮之类的，这些控件叫做表单元素。 表单的构成：<form action="提交地址">表单内容（包括按钮，输入框，选择框等等）</form>表单元素的基本标签是<input>标签它的type属性有以下类型： text：文本框 password：密码框 radio:单选按钮 checkbox:复选框 reset：重置按钮 button：普通按钮 submit：提交按钮，把表单内容提交到action设定的网页中 image：图片 示例代码：<body> <form...
无意发现自己文件夹里面有这么一个文件，具体从哪里来的不记得了，仔细看下，发现总结的挺好的，贴出来分享一下。无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。规范目的： 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台...
1、统一大小？我的网页上面有许多的图片，有的大，有的小，我想如果图片大的实现缩放，所有的都是一般大。来看看没有是什么效果。大家看的出来，非常的难看的，于是我想让有没有一种方法是把那个大的变成小的呢？<li><img src=http://pic2.ooopic.com/01/03/51/25b1OOOPIC19.jpg width=400px height=400px /></li>效果图如下：但是如果图片太小了呢？就会被放大，好难看！！！有没有什么办法让大的变小，小的不被放大的方法呢？<!D...
onclick的事件被先执行，其次是href中定义的（页面跳转或者javascript）同时存在两个定义的时候（onclick与href都定义了），如果想阻止href的动作，在onclick必须加上return false; 一般是这样写onclick="xxx();return false;".在href中定义的函数如果有返回值的话，当前页面的内容将被返回值代替如果页面过长有滚动条，且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);，而不要是 #，这可以防...
我以前在写<A>的href和onclick一直很随意，后来出过几次问题，以后才开始重视这个问题：首先摘录一篇文档：在Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。void 操作符用法格式如下： 1. javascript:void (expression) 2. javascript:void expressionexpression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的，但是写上去是一个好习惯。 (实现版本 Navigator 3.0)你以使用 voi...
公司网站后台原本不是用iframe设计的，后来为了节约资源，经过讨论决定把网站后台改成iframe。iframe可以实现和ajax相似的 局部刷新的效果（他们的实现原理是不同的），iframe虽然很强大，但其不能根据子页面的高度自动扩高，这点很恼人啊，于是我在网上搜了搜，找到以下几种方法，然后进行部分改进了。一、jquery获得（注意：此种方法只适合 父类页面和子类页面在同一个域名下，并且子类页面不能包含iframe）aa.html(父及页面)<if...
本篇主要介绍 table、form标签以及表单提交方式。目录1. <table> 标签：在HTML 中定义表格布局。2. <form> 标签：用于创建 HTML 表单。3. 表单提交方式：介绍get、post方法。1. <table> 标签1.1 说明在HTML 中定义表格布局。1.2格式<table><caption></caption><tr> <th></th></tr><tbody><tr><td></td></tr><tr><td></td><tr><tbody></table> 1.3 包含的元素<caption></caption>：表头信息。<tr></tr> ：定义一个表格行；<th></th>...
网页图片的基本格式： HTML的相关标准中并没有规定图片的格式，原则上来说是任意的。但是目前市场上的主流浏览器对网页图片的格式有所要求，通常情况下是：JPEG(联合图像专家组)和GIF(图像交换格式)两种格式的图片；至于两种图片的一些特点和各自的优缺点，可通过百度自行搜索。插入图片： 插入图片可以起到适当的美化作用。而插入图片的标签只有一个<img>标签，它允许在文档当前的文本流中引用或者插入图像图像，没有结束标...
HTML中的列表HTML中列表中共有三种：有序列表、无序列表和定义列表。1、有序列表是一列使用数字进行标记的项目，它使用<li>包含于<ol>标签（ordered lists）内；Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/<ol><li>开始部分</li><li>次要部分</li><li>结尾部分</li></ol>2、无序列表是一组使用黑点状进行标记的项目，它使用<li>包含在<ul>标签（unordered lists）内；Code ...