javascript - jQuery Follow the cursor horizontaly with a DIV -


Cutting the container, I need to follow the cursor horizontally in the div I

Any such

but the above link

Em> are both vertical or horizontal I do not want to

I have created a demo 

  $ ("#dh- thumb> li"). Hover (function () ($ ("div"). Show ();}, function () {$ ("div"). Hide ();}); $ ('# d-thumb » Season (function (e) {$ ("div"). CSS ({left: e.pageX - 120});});  
  .da-thumbs {list-style: none; padding: 20px; display: inline-block;} .da-thumb li {width: 200px; height: 200px; background: # 000; Swimming Left; Margin: 5 px; Position: Relative; Z-index: 0;} .DA-thumb ltd. A {display: block; status: relative; hidden plume; text-decoration: none;} .DA - organ Pratha Li A Div {Display: None; Position: Relative; Background: # 777; Background: RGBA (75, 75, 75, 0.7); Width: 200px; Height: 200px; Z-Indic: 3;} .ADA- Thumbs li a div span {display: block; padding: 10 px 0; margin: 40px 20px 20px 20px; text-transform: uppercase; font weight: normal; color: #fff; color: rgba (255, 255, 255, 0.9) ); Text-shadow: 1 px 1 px 1 px rgba (0, 0, 0, 0.2); Border bottom: 1 px solid rgba (255, 255, 255, 0.5); Box-shadow: 0 1 px 0 rgba (0, 0, 0, 0.1), 0 -10 px rgba (255, 255, 255, 0.3); }  
  & lt; Script src = "https://ajax.googleapis.com/ajax/libs/JQuery/1.1.1/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Ul id = "da-thumb" class = "da-thumb" & gt; & Lt; Li & gt; & Lt; A href = "" & gt; & Lt; Div & gt; & Lt; Span & gt; Menu by Simon Jensen & lt; / Span & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; & Lt; Div & gt; & Lt; Period & gt; Mr. Crabs by John Janlowe & lt; / Span & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;  

 (code) $ ( "# Da-thumps take"). Hover (function {$ (this) .find ("div"). Show ();}, function () {$ (this) .find ("Div"). Hide ();}); $ ('# Da-thumpbs li'). MouseMove (function (e) {var $ this = $ (this); $ this.find ("div"). CSS ({left: e.pageX - $ this.position (.left - 120});}) ;

Here is the code to work on.

But with this you will completely lack the "easy" / animation which is the demo you have added. If there is something that you want you to use a different approach if yes, then maybe there is something I can help you too.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more