效果代码无需表格的菜单 Home Contact us Web Dev Web Design Map改造一下li加一个float属性无需表格的菜单 Home Contact us Web Dev Web Design Map效果            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-05 16:15:58
                            
                                302阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            .contentT{ clear:both; border-top:1px solid #fff; border-left:1px solid #fff;}.contentT ul{ width: 300px; }.contentT li{ float:left; list-style-type:none; height:14px; width:52px; display:bl...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2007-06-16 08:00:00
                            
                                906阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            转载:感觉写的挺见解的,借鉴过来,以备后用。li 不换行 ------不换行的策略: 不换行原理:ul 和 li 默认都是 display:block; 的标签,可以通过2种方式实现 li 的 不换行显示:* 将 li 设为 display:inline; ,然后通过 marging 和 padding 设置 li 的间距,* 将 li 设为 float:left; ,然后通过            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2013-11-18 15:24:31
                            
                                392阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            li{font-size:9pt;padding:3px;width:220px;list-style:none;}li:hover{background:skyblue; padding:3px;border:1px solid#003399;}            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-22 12:50:42
                            
                                190阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            LI代码的格式化: A).运用CSS格式化列表符: ul li{ list-style-type:none; } B).假如你想将列表符换成图像,则: ul li{ list-style-type:none; list-style-image: url(/blog/images/icon.gif); } C).为了左对齐,可以用如下代码: ul{ list-style-type:none; mar...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-21 19:20:00
                            
                                105阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            $的选择器部分: 凡是运用$,其返回值是一个object 
$选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3种): 
$("标签名"),如$("p")是选取了所有的p标签节点 
$("#id名"),如$("#test")是选取了id为test的标签节点 
$(".class名"),如$(".            
                
         
            
            
            
            LI代码的格式化:A).运用CSS格式化列表符: ul li{list-style-type:none;}例如下面的: 供求信息 B).如果你想将列表符换成图像,则: ul li{ list-style-type:none;   font-size:12px; list-style-image: url("csdnindex_pic35.gif"); vertical-align:middle;}...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-12-28 21:20:00
                            
                                779阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            方法1:如果是控制class,则用点$(function(){    $(".sub-ul li").click(function() {        $(".sub-ul li").removeClass('selected');           $(this).addC            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-03-10 15:52:45
                            
                                259阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            第一步:建立一个无序列表我们先建立一个无序列表,来建立菜单的结构。代码是:<ul><li><a href="1">首页</a></li><li><a href="2">产品介绍</a></li><li><a href="3">服务介绍</a></li><li><a href="4">技术支持</a></li><            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2011-09-24 10:17:00
                            
                                1031阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            我直接写了个案例,先看下效果图: 下面是h...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-03-09 20:33:00
                            
                                228阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            我直接写了个案例,先看下效果图:  下面是html代码:<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>机构动态</title>        <style type="            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-03-09 20:33:05
                            
                                1156阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            $(this).click(function(){
   if($(this).hasClass(“zxx_fri_on”)){
     $(this).removeClass(“zxx_fri_on”);
   }else{
     $(this).addClass(“zxx_fri_on”);
   }
   return false;
 });添加或去除元素集合的class name1.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-05 19:03:41
                            
                                270阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Document 12313 by jubdit 12313 by jubdit 12313 by jubdit 12313            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-01-31 09:51:00
                            
                                1155阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            先给一个简单的示例HTML代码 
 
<body>      <form id="form1" runat="server">  
    <div id="title">  
    <ul id="list" >  
    <li>标题一</li>  
    <li>标题二</li>              
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-08-11 17:20:00
                            
                                1063阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            .relatebar li{width:98px;height:146px;padding:5px;float:left;border-left:1px solid #ccc;}.relatebar li:first-child{border-left:0px solid #ccc;}.lanmu3...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-07-14 16:03:00
                            
                                441阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            大家好,我是 Steven。今集会介绍如何使用 CSS 制作一个水滴效果,当图形碰到的时候会好像融合在一起这样,印象中有些安卓系统的 UI 在充电时也是类似的动画的:这个教程的视频版本在 www.bilibili.com/video/BV1S6… ,欢迎三连关注!HTML 的部分打开 CodePen 编辑器,新增一个 <div>,class 是 container;在里面新增三个 &l            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-01-17 17:36:13
                            
                                2125阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            对于CSS文本的一些效果,基础一些的知识比较简单,但对于text-indent,vertical-align,text-align等的深入学习能够使我们对HTML5的学习更加轻松,对这部分知识的深入了解,也更利于以后网站的一些小技巧方面的运用。 CSS文本属性     text-decoration 下划线、删除线、顶划线     text-transf...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-01 11:37:44
                            
                                457阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            html代码<div class="card-container">  <div class="cover">    COVER  </div>  <div class="back">    BACK  </div></div><div class="card-container">  <div class="cover">    COVER  </div>  <di            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-07 13:03:45
                            
                                808阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>wgchen</title>                
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-09 11:14:06
                            
                                38阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            动画1(沿着椭圆转动)其实是个2D转动,只不过咱们设置椭圆,然后加上scale缩放(近大远小),看上            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-27 15:26:10
                            
                                3341阅读
                            
                                                                             
                 
                
                                
                    