• Using div + CSS3 to achieve a background gradient button example code


    With the increasing demand for front-end pages, some scenes need gradient background elements. In this paper, a background gradient button is implemented by using the new attributes of div and CSS3 1. Background: linear gradient background is gradient color attribute2. Using the animation feature animation in CSS3, the background changes from left to right_ move)3. […]

  • Div background translucent text is not translucent style


    Div background translucent, div words are not translucent Copy code The code is as follows: <body bgcolor=”#336699″> <div style=”filter:alpha(opacity=50);background:#ffffff;width:600;”><span style=”color:yellow”> The background of the layer is translucent, and the color of the font is also translucent Copy code The code is as follows: </span></div> <div style=” filter:alpha (opacity=50);background:#ffffff; width:600 “><span style=” position:relative;color : yellow “> […]

  • Differences between div and span in HTML


    common ground: Div tags and span tags treat some content as a whole, such as hiding and moving as a whole. Something like a box. This can simplify the code and improve efficiency. difference: 1. Div is to put the content into a rectangular block, and random movement will affect the layout. But span just […]

  • Code for seamless connection of divpicture Marquee


    Copy code The code is as follows: <html> <head> <style type=”text/css”> <!– #demo { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #98CBFF; margin-bottom: 10px; margin-left: 5px; overflow: hidden; padding: 0 0 5px; width: 948px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { […]

  • How to show the div on the object without being obscured by the object animation


    Today, I made a menu button. When I move the mouse to the button, the function of pull-down submenu appears. The implementation is to put the submenu into a div and add the hover function to the menu button. But there is a div under the menu button, in which is an object tag and […]

  • Div can input content without input as input box to shield automatic input style


    Today, I designed a dynamic window style, and found that when I click the mouse input, the style automatically added by the browser is very inconsistent with the overall style of the website. Although the intelligent function of the browser is very advanced, sometimes it will inevitably affect the overall consistency of the design. Then […]

  • What’s the difference between div and span


    Q: what’s the difference between div and span? Answer: solution: The biggest feature of div and span elements is that they do not render the objects in the element in any format by default. Mainly used to apply style sheets. The most obvious difference between the two is that div is a block element and […]

  • JS implementation of div color block drag recording


    The example of this article shares the specific code of JS to realize div color block drag recording for your reference. The specific content is as follows Description: Implement a color block of div50 * 50. Drag it to generate a track. When you let go, the div will repeat the path you just dragged. […]

  • Using div + CSS in HTML to realize simple code of Arrow Icon


    In web design, we often use some arrows as decorations to decorate our web pages. Although many web site designers like to use the form of reference Font Icon to achieve the effect of arrows, it will also affect the loading of web pages. Today, we will talk about how to use div plus CSS […]

  • A method of adaptive height with width of div or img picture


    This method is mainly used to make the website adaptive, at the same time, it can support the content height and avoid the page scrolling caused by image loading. 1、 You can use js to determine the width of the image to get specific values, and then use js to set the height of the […]

  • Div nesting HTML without iframe


    In recent jobs, you need to nest pages without iframe, so you have to nest them in div with jQuery method. Copy code The code is as follows: <script type=”text/javascript”> $(document).ready(function() { $(“#button”).click(function() { $(“#content”).load(“index.jsp”); }); }); </script> As long as there are so many codes, the “button” is the ID of a button, and […]

  • Using div mask to solve the problem of invalid checkbox directly checked by mouse


    In the process of front-end development, there is a situation that needs to be checked. For the convenience of user operation, click event is put on Div. (knockout.js is used) The code is roughly as follows: Copy code The code is as follows: <div data-biind=”click:clickevent”> < input type = “checkbox” > < span > please […]