日剧 | 易学教程

浮动广告代码

阅读更多关于浮动广告代码

浮动广告代码 <div id="img" style="position:absolute;; width: 200; height: 151">广告内容</div> <script LANGUAGE="JavaScript"> var xPos = 20; var yPos = 10; img.style.left= xPos; img.style.top = yPos; var step = 1; var delay = 30; var width,height,Hoffset,Woffset; var y = 1; var x = 1; var interval; img.visibility = "visible"; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; if (y) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { y = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { y =

纯CSS绘制三角形（各种角度）

阅读更多关于纯CSS绘制三角形（各种角度）

纯CSS绘制三角形（各种角度） CSS三角形绘制方法，学会了这个，其它的也就简单。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法复制代码代码如下: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } 复制代码代码如下: #triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; } 复制代码代码如下: #triangle-left { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border

将 GridView 中的内容导出到 Excel 中多个工作表（Sheet）的方法

阅读更多关于将 GridView 中的内容导出到 Excel 中多个工作表（Sheet）的方法

Excel 可以保存成 xml 格式，并且支持Sheet功能，因此，我们就可以利用这个功能将 Gridview 导出到多个 Sheet 中去。而且可以很好地控制导出的格式。下面就是完整的代码（注意：本站的代码都是可以直接复制、保存成aspx文件运行的。）： ASPX 代码 1 <%@ Page Language= " C# " EnableViewState= " true " %> 2 3 <!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " > 4 5 <script runat= " server " > 6 7 protected void Page_Load( object sender, EventArgs e) 8 { 9 if (!Page.IsPostBack) 10 { 11 System.Data.DataTable dt = new System.Data.DataTable(); 12 System.Data.DataRow dr; 13 dt.Columns.Add( new System.Data.DataColumn( " 学生班级 " , typeof

php导出word格式数据的代码

阅读更多关于 php导出word格式数据的代码

<?php /** * 生成word文档的类 * by www.jbxue.com */ class word { function start() { ob_start(); echo '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">'; } function save($path) { echo "</html>"; $data = ob_get_contents(); ob_end_clean(); $this->wirtefile ($path,$data); } function wirtefile ($fn,$data) { $fp=fopen($fn,"wb"); fwrite($fp,$data); fclose($fp); } } //导出的程序文件 //导出 ---start--- require SITE_ROOT.'include/word.class.php'; //类文件放在根目录下的include文件夹下 $word = new word(); //查询数据填入word 中 $result = $db->query

20 个 CSS 高级技巧汇总

阅读更多关于 20 个 CSS 高级技巧汇总

1. 黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);} 2. 使用 :not() 在菜单上应用/取消应用边框先给每一个菜单项添加边框 /* add border */.nav li { border-right: 1px solid #666;} ……然后再除去最后一个元素…… // remove border /.nav li:last-child { border-right: none; } ……可以直接使用 :not() 伪类来应用元素： .nav li:not(:last-child) { border-right: 1px solid #666;} 这样代码就干净，易读，易于理解了。当然，如果你的新元素有兄弟元素的话，也可以使用通用的兄弟选择符（~）： ..nav li:first-child ~ li { border-left: 1px solid #666;} 3. 页面顶部阴影下面这个简单的 CSS3

JavaScript CSS Style属性对照表

阅读更多关于 JavaScript CSS Style属性对照表

为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样： JavaScript代码 <script type= "text/javascript" > function imageOver(e) { e.style.border= "1px solid red" ; } function imageOut(e) { e.style.borderWidth=0; } </script> <img src= "phplamp.gif" onmouseover= "imageOver(this)" onmouseout= "imageOut(this)" /> JavaScript中style后面的属性应该是什么？ JavaScript CSS Style属性对照表盒子标签和属性对照 CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomWidth border-color

css3锯齿

阅读更多关于 css3锯齿

左右锯齿先写一个div例如<div class="sawtooth">你好。这是一个 div 元素。</div> 接着用纯css3写锯齿 .sawtooth { /* 相对定位，方便让before和after伪元素绝对定位偏移 */ position: relative ; /* 把超出p的部分隐藏起来 */ overflow: hidden; } .sawtooth:before, .sawtooth: after { content: ' ' ; width: 0; height: 100%; /* 绝对定位进行偏移 */ position: absolute ; top : 10px; } .sawtooth:before { /* 圆点型的border */ border- right : 10px dotted white; /* 偏移一个半径，让圆点的一半覆盖p */ left : -5px; } .sawtooth: after { /* 圆点型的border */ border- left : 10px dotted white; /* 偏移一个半径，让圆点的一半覆盖p */ right : -5px; } 上线锯齿 <div></div> div{ width: 400px; height: 400px; background-color: red;

css对渐变描写

阅读更多关于 css对渐变描写

19.11.20课堂笔记

阅读更多关于 19.11.20课堂笔记

border 边框 css属性边框颜色* border-color：red/#888/rgb（） ——默认为黑色边框样式* border-style ：solid（实线） dashed（虚线） ——默认为none 边框粗细* border-width：1px； border的简写——border：border-width-border-style border-color div 块/盒子 1.就是标签名*没有特殊的标签属性 2.主要用来排版布局 3.宽度是100% 谷歌浏览器默认有8px的外边距，清除这8px用——margin：0； 4.这种天生占用宽度为100%的标签我们把它叫块级元素比如 div p h1-h6 特点：独占一行，可以设置宽高 5.大小宽高不是100%,是按照内容的多少来绝对大小的，这种标签叫内敛元素/行级元素比如a span 特点：不独占一行，不可以设置宽高块级元素div分析： 1.四个外边距（margin） 2.内边距（padding） 3.边框（border） div真实宽度==width+margin-left+margin-right+border*2+padding-left+padding-right 文档流元素从左向右（主要说行级元素）从上到下（主要说块级元素）的一种排列方法。它叫标准文档流。它是浏览器天生具有的一种功能。来源：

html+css显示出三角形方法transparent

阅读更多关于 html+css显示出三角形方法transparent

有时需要在页面显示三角形，需要通过画正方形才能得到三角形，代码如下：方法一： <style> .tr1{ width: 0; height: 0; border: 100px solid transparent; border-top-color: black; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } </style> <body> 　　<div class="tr1"></div> </body> 方法二： <style> 　　.box{ 　　　　width: 0px; 　　　　height: 0px; 　　　　/* background: blue; */ 　　　　border-top: 20px solid rgba(0,0,0,0); 　　　　border-bottom: 20px solid black; 　　　　border-left:20px solid rgba(0,0,0,0); 　　　　border-right: 20px solid rgba(0,0,0,0); 　　　　} </style> <body> 　　<div class="box"> </div> </body> 来源： https://www.cnblogs

订阅日剧