搜索列表
-
CSS实现的一个图片放大展示的一种思路
【CSS/HTML】这个用纯css实现的图片放大效果,真不错,看了以前有不少用纯css实现的图片放大效果的代码,都不理想,还是在这个好啊看下面的HTML代码:<div class="photo"> <ul> <li><a href="#nogo1" class="hor"><img src=https://www.jb51.net/logo.gif alt=""&...
CSS实现的一个图片放大展示的一种思路 -
一点小小的创意css鼠标放上去则显示电话号码
【CSS/HTML】1, default: 2,鼠标移上去:来源: 今天在同事的手机的电话薄里面发现的,发现他存的电话号码都是显示名字,然后只要往下移动,就能显示这个人的相应的号码。 然后自己就在想,这还满不错的嘛。于是就想到以前好象收藏过类似的效果。 稍微改下。 &...
一点小小的创意css鼠标放上去则显示电话号码 -
推荐深入理解css中的position定位和z-index属性
【CSS/HTML】作者:Cutsin 原文地址:http://www.moonless.net/blog/2007/09/csspositionz-index.html 注:本文仅供交流使用,如有不当之处欢迎批评指正,但请注明详由,谢谢! 由于平时不太用到,所以过去写css的时候对于position属性的absolute、relative值理解比较模糊,对于z-index的层叠更是摸不着头脑,除了理解的因素外,各个浏...
深入理解css中的position定位和z-index属性 -
asp下用replace非正则实现代码运行功能的代码
【ASP编程】今天更新了一下博客的代码运行功能,因为原来的写得不够完善,如果想在博客里插入多个可运行的代码,那就会——呃屁。关于replace函数,js中只是替换从起始位置的第一个指定字串,而vbs则是替换所有的指定字串,因此如果想要用vbs一个一个替换,那就得绕个弯子了,写个函数就行了,顺便,把写完的这个函数上传了,这下可以在一个...
asp下用replace非正则实现代码运行功能的代码 -
CSS的margin边界叠加深度剖析图文演示
【CSS/HTML】边界叠加是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,当两个垂直边界相遇时,它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。 当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加,见图: 元素的顶边界与前面元素的底...
CSS的margin边界叠加深度剖析图文演示 -
CSS网页布局入门教程14:纵向下拉及多级弹出式菜单
【CSS/HTML】学完了上节教程,我想对于这于这节的学习就容易得多了。 横向菜单是通过div及JavaSprict实现下拉控制,纵向菜单呢?答案是肯定的。我们现在要做的就是一个纵向菜单,css代码: ul { margin:0; padding:0; list-style:none; width:120px; border-bottom:1px solid #ccc;&...
CSS网页布局入门教程14:纵向下拉及多级弹出式菜单 -
CSS网页布局入门教程13:下拉及多级弹出式菜单
【CSS/HTML】下拉及弹出式菜单是网站设计中常用导航形式,这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容,并能对内容进行合理的分类显示,是一种非常优秀的导航形式。 早期的下拉或弹出式菜单通过隐藏的layer或div来实现内容的隐藏,通过JavaScript脚本来响应用户的操作,目前也采用JavaScript+div或其它元素的形...
CSS网页布局入门教程13:下拉及多级弹出式菜单 -
CSS网页布局入门教程12:纵向导航菜单
【CSS/HTML】纵向导航菜单也是网站应用中的一种重要形式,所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式。先看一下效果吧! 如图所示的效果,我们先看一下代码结构:<div id="nav"> <h1>CSS</h1> ...
CSS网页布局入门教程12:纵向导航菜单 -
CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版
【CSS/HTML】虽然完成了标签式导航,但是广场状的导航似乎并不能够顺应现在的设计潮流,其实导航不仅可以使用css的颜色来定义,同样可以采用精心设计的图片或其它元素来构建导航,在这里我们将开始改善导航的设计,使它成为更加出色的标签效果。 我们将考虑去掉单一的方块状背景元素,使用带色彩的圆角标签来完成我们的设计。不过从这个...
CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版 -
CSS网页布局入门教程10:带当前标识的标签式横向导航
【CSS/HTML】当前标识指用户点击该频道或栏目,该栏目的标签呈现出与其他标签不同的颜色用以提示用户所处的位置。 这种设计是网站设计中相当简单而且是相当经典的一种增进网站可用性的方式。网站让用户使用时是应该考虑到用户浏览的思考过程,糟糕的网页设计只顾及页面本身而不去考虑用户感受,优秀的设计应当是以用户为中心出发的,这样一种...
CSS网页布局入门教程10:带当前标识的标签式横向导航 -
CSS网页布局入门教程9:用CSS设计网站导航——横向导航
【CSS/HTML】网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具。网站导航从形式上主要由横向导航、纵向导航、下拉及多级菜单导航第三种形式。 横向导航 作为门户网站的设计而言,主导航一般采用横向导航。由于门户网站下方文字较多,且每个频道均有一同的样式区分,因此在顶部固定一个区域设计统一风...
CSS网页布局入门教程9:用CSS设计网站导航——横向导航 -
CSS网页布局入门教程8:三列浮动中间列宽度自适应
【CSS/HTML】使用浮动定位方式,从一列到多列的固定宽度及自适应,基本上可以简单完成,包括三列的固定宽度。而在这里给我们提出了一个新的要求,希望有一个三列式布局,基中左栏要求固定宽度,并居左显示,右栏要求固定宽度并居右显示,而中间栏需要在左栏和右栏的中间,根据左右栏的间距变化自动适应。这给布局提出了一个新的要求,而且单...
CSS网页布局入门教程8:三列浮动中间列宽度自适应